在Safari Windows上select箭头丢失

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

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

这适用于所有的浏览器,除了它导致Windows上的Safari忽略下拉箭头。 如果我注释掉了背景和边框属性(只有两个),箭头还原了,所有其他浏览器都忽略了高度。

我想保持这种风格,因为Windows Safari是less数,但很想知道是否有一个适用于所有人的解决scheme。

把这个放在你的css中

 *{ -webkit-appearance: menulist; } 

我在iPhone iOS上有同样的错误。 我删除了background-color:transparent; 风格,它修复了缺少的选择箭头浏览器UI。

我已经尝试了上面的代码,但它不能用于使用hjquery.min.css创建的UI。 我已经尝试了下面的CSS,它解决了我的问题。我的目标是显示下拉箭头的ui-icon-carat-d

 .ui-icon-carat-d:after{ background: url("http://img.zgserver.com/css/5001-128.png") 95% 32% !important; background-repeat: no-repeat !important; background-color: #fff !important; }