5

我使用以下类为选择添加了一些样式：

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

这适用于所有浏览器，但它会导致 Windows 上的 Safari 忽略下拉箭头。如果我注释掉背景和边框属性（并且只注释掉两者），箭头会恢复，但高度在所有其他浏览器中都会被忽略。

我想保留这种样式，因为 Windows Safari 是少数，但我很想知道是否有适合所有人的解决方案。

4

3 回答 3

10

把它放在你的CSS中

*{
 -webkit-appearance: menulist;
}
于 2013-11-13T08:14:50.027 回答
4

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

于 2012-11-29T17:04:45.347 回答
0

我已经尝试过上面的代码，但它不适用于使用 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;
        }
于 2017-06-10T06:51:34.040 回答