选择Safari Windows上缺少箭头

Question

我添加了一些样式来选择使用以下类:

.form-fields select {
height: 24px;   
background: url(/Images/ui/input-bg.jpg) #FFF repeat-x;  
border: 1px solid #AAA;
}

这适用于所有浏览器,除了它导致Windows上的Safari省略下拉箭头.如果我注释掉背景和边框属性(并且只有两者),则会恢复箭头,但在所有其他浏览器中都会忽略高度.

我想保留这种风格,因为Windows Safari是少数,但我很想知道是否有适用于所有人的解决方案.

Answer 1

把它放在你的CSS中

*{
 -webkit-appearance: menulist;
}

Answer 2

我在 iPhone iOS 上也遇到了同样的错误。我删除了一个background-color:transparent;样式，它修复了丢失的选择箭头浏览器 UI。