Firefox에서 링크로 취급되는 메뉴 옵션 선택

Question

정상적인 html 선택 메뉴가 있습니다. Firefox는 옵션을 링크로 취급하지만 IE는 그렇지 않습니다. 이는 호버 (hover)의 링크를 변경하는 내 CSS 코드가 Firefox의 선택 메뉴를 엉망으로 만들고 있음을 의미합니다. 이걸 어떻게 막을 수 있니?

, 단순 선택 메뉴는 다음과 같습니다

<Select name='country' onchange='this.form.submit()'> 
<option selected value='1'>USA</option> 
<option value='2'>UK</option> 
</Select> 

, 단순 CSS는 다음과 같습니다

#rightnavigation { 
font: 12pt Arial,geneva,sans-serif; 
} 
#rightnavigation :link {color: green; font: 10pt Arial,geneva,sans-serif;} 
#rightnavigation :visited {color: red; font: 10pt Arial,geneva,sans-serif;} 
#rightnavigation :hover {color: orange; font: 10pt Arial,geneva,sans-serif;} 

나는 메뉴에 마우스를 이동하면, 모든 옵션이 10 폰트와 파이어 폭스에서 주황색으로 크기가 조절 IE 에서처럼 검은 색을 유지하는 대신

클래스를 만들고 각 옵션에 적용 해봤지만 선택되지 않은 옵션에서만 작동했습니다.

Answer 1

그냥 링크 만 영향을 미치는 당신의 선택자를 변경 :

#rightnavigation a:link {color: green; font: 10pt Arial,geneva,sans-serif;} 
#rightnavigation a:visited {color: red; font: 10pt Arial,geneva,sans-serif;} 
#rightnavigation a:hover {color: orange; font: 10pt Arial,geneva,sans-serif;}