选择已选择和其他选项显示不同？

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 - 铬 Arch Linux - Firefox（最新）
但如果你确定不是，你可以试试下面的 CSS 代码：

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