2011-02-24 7 views
0

선택 상자의 첫 번째 줄 옆에 작은 텍스트 스타일의 줄을 추가하는 간단한 방법이 있습니까? 예를 들어선택 상자의 첫 번째 줄 옆에 텍스트 줄이 있습니까?

: 나는 다음과 같은 코드를 사용하고

box

:

<select name="textarea" size="10" multiple="multiple" id="textarea"> 
    <option>something</option> 
    <option>something else</option> 
    <option>another thing</option> 
    </select> 
텍스트는 오직 다음 어느 데이터가 처음에 무엇을 표시 할 필요가

선. 그게 도움이 될만한 사람이 있다면!

+0

"첫 줄"은 "첫 번째 줄"과 다른 점이 있습니까? – sdleihssirhc

+0

예, 이미 선택한 옵션을 목록의 맨 위로 이동시키는 스크립트를 사용하고 있습니다. – David

답변

3

option 요소는 다른 html 요소의 중첩을 허용하지 않으므로 문자열의 일부 스타일을 변경할 수 없습니다. 물론 스타일을 사용하여 견과류를 만들 수있는 의사 선택 요소를 생성하는 자바 스크립트 "멋진 드롭 다운"유형 스크립트를 사용할 수 있습니다. 그러나 평범한 구식의 select 태그로 주사위가 없습니다.

+0

버머, 도움 Chris에게 감사드립니다. – David

+0

적어도 CSS를 통해 알고있는 첫 번째 줄의 색을 바꿀 수있는 방법이 있습니까? – David

+0

인라인 CSS 또는 클래스를 하나 이상의 OPTION 태그에 항상 추가 할 수 있습니다. 이 샘플을 확인해보십시오. http://jsfiddle.net/bGpdb/ 거기에서'first-letter'와 같은 CSS3 의사 선택기를 사용할 수는 있지만 크로스 브라우저가 아니어도됩니다. 특정 스타일로 거기에 들어갈 수 없으므로 어쨌든 당신의 요구에 맞지 않을 수 있습니다. –

관련 문제