我添加了一些样式来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; }