2013-10-11 2 views
1

입력 스타일을 무시할 수 있습니까? 레이블 안의 텍스트에만 스타일을 적용하고 입력은 필요하지 않습니다.입력 스타일 만 무시 하시겠습니까?

text-transform: lowercase; 
    &:first-letter { 
    text-transform: uppercase; 
    } 

이 작동하지 않습니다 :

text-transform: lowercase; 
    &:not(input[type=text]):first-letter { 
    text-transform: uppercase; 
    } 

HTML :

 <label class="radio"> 
     <input type="radio" value="option1" checked>make first letter uppercase here 
     <input class="span5" type="text"> to 
     <input class="span5" type="text"> 
     </label> 
+0

입력 뒤에 레이블 텍스트인가? 그렇지 않은 경우에는 필요하지 않습니다. – isherwood

+0

전체 선택자를 표시 할 수 있습니까? (생성 된 CSS도 도움이됩니까?) – cimmanon

+2

해당 HTML이 유효하지 않습니다. 라벨은 하나의 입력 요소에만 연결할 수 있습니다. 아마 fieldset이 여기에 더 적합 할 것입니다. – cimmanon

답변

0

어쩌면 피할

이 텍스트 만 작동 : 여기

내 말대꾸 코드 경미한 l을 가진 문제 ayout 조정 :

http://jsfiddle.net/TjRbd/

input[type="radio"] { 
    float: left; 
} 
label { 
    display: block; 
} 
.radio:first-letter { 
    text-transform: uppercase; 
} 

<label class="radio">make first letter uppercase here 
    <input type="radio" value="option1" checked /> 
</label> 
관련 문제