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。

Answer 3

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

.ui-icon-carat-d:after{
                background: url("https://cdn1.iconfinder.com/data/icons/pixel-perfect-at-16px-volume-2/16/5001-128.png") 95% 32% !important;
                background-repeat: no-repeat !important;
                background-color: #fff !important;
        }

选择Safari Windows上缺少箭头

3 个答案: