html - 选择选中和其他选项显示不同？

Question

我的代码很短:

select {
    font-size:1.2em !important;
    padding:4px;
    color:#555;
    margin-left:5px;
}

<select name="loc" id="loc_login">
    <option value="1" selected="selected">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

问题是未选择的选项(2 和 3)中的字体比选择的选项小得多。这显示在我用于测试的一些计算机上(仅在 Firefox 中)。所有有问题的计算机都在 Windows 7 下运行，但有几个不同的 (50+) 版本的 Firefox。我在更多的 Win7 计算机上尝试过，使用相同的 Firefox 版本，但所有字体的大小都相同。

我什至把这段代码放在另一个页面上，它是 body 标签中唯一的东西，也是唯一定义的样式，结果相同。另外，我试过更改浏览器中的默认字体，但也没有用。当我删除 select 的 CSS 时，所有字体都变小且大小相同。

目标是所有这些都应该是1.2em。有什么想法吗？

Answer 1

似乎一切正常:
Win7- Chrome Arch Linux - Firefox(最新)
但如果你确定不是，你可以试试下面的 CSS 代码:

select {
    font-size: 1.2em !important;
    padding: 4px;
    color: #555;
    margin-left: 5px;
}