html - 为什么 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>

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

Answer 1

浏览器为 HTML 元素预定义了 CSS 值。如果您没有指定特定的 CSS 规则，浏览器将自行设置它“认为”它应该如何看待（如果需要）。例如，如果您创建一个<div>元素但未指定display:规则，Google Chrome 会自动将其设置为display: block;.

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

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