Css 选择在Firefox中被视为链接的菜单选项

我有一个普通的html选择菜单。Firefox将这些选项视为链接，而IE则没有。这意味着我在悬停时修改链接的CSS代码正在破坏Firefox中的选择菜单。我怎样才能阻止这一切

选择菜单简化为：

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

#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，并在Firefox中变成橙色，而不是像IE那样保持黑色

---

我尝试创建一个类并将其应用于每个选项，但这只适用于未选择的选项。

只需更改选择器以仅影响链接：

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

---

完美的我不知道这些行动已经不仅仅局限于链接。（我太新了，无法对您的答案进行投票，但再次感谢）。但您应该可以通过单击“上下投票”下的复选标记来选择正确答案。