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

我有一個正常的html選擇菜單。 Firefox將這些選項視爲鏈接，但IE不支持。這意味着我的CSS代碼來改變懸停的鏈接是搞亂Firefox的選擇菜單。我怎樣才能阻止呢？選擇菜單選項作爲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一樣保持黑色。

我嘗試創建一個類並將其應用於每個選項，但這隻適用於未選擇的選項。

來源

2012-11-04 damien moore

只要改變你的選擇隻影響鏈接：

#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;}

來源

2012-11-04 02:51:13 coopersita

完美！我沒有意識到這些行動不僅限於鏈接。（我太新，無法提供答案，但再次感謝）。 –

但是，您應該可以通過點擊上下投票下的複選標記將其選爲正確答案。 – coopersita

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

回答

相關問題