選擇箭頭失蹤Safari瀏覽器的Windows

我加了一些造型使用下面的類選擇：選擇箭頭失蹤Safari瀏覽器的Windows

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

這適用於所有瀏覽器，除了它導致的Windows版Safari省略一個下拉箭頭。如果我註釋掉背景和邊框屬性（只有兩個），箭頭纔會恢復，但其他所有瀏覽器中的高度都會被忽略。

我想保持這種風格，因爲Windows Safari是少數，但很想知道是否有適用於所有人的解決方案。

來源

2012-09-19 eggs

我在iPhone iOS上遇到同樣的問題。我刪除了background-color:transparent;樣式，並修復了缺少的選擇箭頭瀏覽器UI。

來源

2012-11-29 17:04:45 neicull

將此放在你的CSS

*{ 
-webkit-appearance: menulist; 
}

來源

2013-11-13 08:14:50 Gajen

我在上面的代碼嘗試，但它不工作爲其創建usingh 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-10 06:51:34 GSB

選擇箭頭失蹤Safari瀏覽器的Windows

回答

相關問題