firefox 드롭 다운 목록 동작

나는 목록이 있습니다.firefox 드롭 다운 목록 동작

<select id="select"> 
    <option>one</option> 
    <option>two</option> 
    <option>three</option> 
    <option>four</option> 
    <option>five</option> 
</select>

이 줄은 첫 번째 옵션 항목의 색상을 변경합니다.

document.getElementById("select").options[0].style.color = "red";

IE 8에서는 정상적으로 동작합니다. 파이어 폭스 9.0.1에서 이상한 일이 일어난다. 드롭 다운 내부에서 본 항목이 색상을 변경합니다. 그러나 해당 항목을 선택하면 기본 색상으로 되돌아갑니다. 두 브라우저 모두에서 jsfiddle을 사용하여이를 확인했습니다. 여기이 피들을 방문하십시오 http://jsfiddle.net/rvUCk/

누구든지이 동작에 대한 이유를 설명 할 수 있습니까? 이 문제가 해결되었거나 해결 되었습니까?

출처

2012-01-26 user1015711

당신은 무엇을하기를 원합니 까? 나에게 그것은 파이어 폭스가 옳고 IE가 틀린 것처럼 보인다. 드롭 다운에서 수행하는 첫 번째 선택 옵션의 색상이 변경됩니다. 모두 변경하거나 선택 상자에 표시되는 내용을 변경하려면 select 요소의 스타일을 지정하십시오. – j08691

방금 옵션 중 하나가 빨간색이어야하고 빨간색을 선택 상태로 유지해야합니다. 내가 말한대로 IE는 의도 한 행동을했다. 나는 파이어 폭스에게 똑같이하기 위해 무엇을해야합니까? – user1015711

브라우저 캐시를 지우셨습니까? – jwhat

귀하의 필요에 맞습니까? 첫 번째 요소는 항상 빨간색이고 다른 요소는 검은 색입니다.

자바 스크립트 : IE9, 파이어 폭스와 크롬에서 테스트

document.getElementById("select").options[0].style.color = "red";

CSS :

select { 
    color:red; 
} 
option { 
    color: black; 
}

HTML :

<select id="select"> 
    <option>one</option> 
    <option>two</option> 
    <option>three</option> 
    <option>four</option> 
    <option>five</option> 
</select>

데모 : jsFiddle

출처

2012-01-26 02:38:39 j08691

firefox 드롭 다운 목록 동작

답변

관련 문제