Chrome和选择框以及选项大小问题

Question

我最近发现了Chrome和Select框的问题。选项的大小变得更大，似乎有额外的填充。我知道我们不能选择样式选项，所以想知道是否有其他人有这个问题并且有解决方案。

甚至发生在JQ UI datepicker控件上。

但这不是IE的问题。

我创建了一个没有样式表，没有jquery的新页面，只有一个带有3个选项的简单选择框。

这是Chrome和IE的输出。

如果有帮助的话，我在Windows 10上。

Answer 1

希望这会有所帮助：

＆＃13;

＆＃13;

select {
        width:400px; /*width of text box*/
        height:40px; /*height of text box*/
        color:red; /*color of text inside the text box*/
        background:yellow; /*background color of text box*/
    }

＆＃13;

<select>
    <option>Maths</option>
    <option>Physics</option>
    <option>Chemistry</option>
    </select>

＆＃13;

＆＃13;

＆＃13;