为什么Chrome和FireFox中的选择位置不同？

Question

         #allday{
            width: 175px;
            border: 1px solid #e7e7e7;
            font-size: 12px;
            color: #666666;
            height: 22px;
        }

        <select id ="allday" style="">
            <option value = "false">FALSE</option>
            <option value = "true">TRUE</option>
        </select>

有谁知道为什么谷歌Chrome中的选择位置看起来比在FireFox中高一点？

Answer 1

浏览器为HTML元素预定义了CSS值。如果您没有指定某个CSS规则，那么浏览器将自行设置它应该如何“思考”它（如果需要）。例如，如果您制作<div>元素但未指定display:规则，则Google Chrome会自动将其设置为display: block;。

在任何情况下，使用inspect元素并尝试查找浏览器在计算样式中的不同之处。请留意用户代理样式表，因为这些是从浏览器插入的值。

正如评论所说，CSS RESET也会有所帮助。