选择选择和其他选项以不同方式显示

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