css – 如何标准化Chrome和Firefox之间的选择框的高度?

前端之家收集整理的这篇文章主要介绍了css – 如何标准化Chrome和Firefox之间的选择框的高度?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在Chrome和Firefox中查看 http://demo.neeraj.name/admin_data。在Firefox中,选择框具有很大的高度。在Chrome中,选择框的高度非常小。

如何使chrome和safari的选择框看起来像Firefox的选择下拉列表?

解决方法

我之前遇到过这个问题

设置select元素的高度在Windows中的webkit上可以正常工作,但在Mac上的webkit上失败。

如果设置了css属性

-webkit-appearance: menulist-button;

它将允许高度在Mac上正常工作,但它在窗口上创建这个奇怪的黑色边框。您可以通过设置css边框属性来调整边框,但这会改变所有浏览器的外观,让您选择边框样式,而不只是webkit。

在这一点上,我放弃了,但希望这是一个很好的起点,如果你想进一步调查。

猜你在找的CSS相关文章