選擇菜單選項作爲Firefox中的鏈接處理

Question

我有一個正常的html選擇菜單。 Firefox將這些選項視爲鏈接，但IE不支持。這意味着我的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;}