在Mac上移除選擇輸入的原生樣式，向下箭頭

我在樣式化頁面上的一些選擇輸入，並且它在Windows Chrome上正常工作。但是，在Mac Chrome中，除非我申請-webkit-appearance: none;，否則「原生」實現拒絕消失。當然，問題在於我丟失了指示它是否爲select元素的向下箭頭，否則我可以將其添加回如果輸入是允許的僞元素（他們不是）。在Mac上移除選擇輸入的原生樣式，向下箭頭

具體而言，我試圖覆蓋border-radius屬性，但沒有任何數量的border-radius: 0!important會覆蓋它。

來源

2014-06-16 Jason

您可以更改設置背景純色或設置邊框none或邊框樣式，以固體的外觀。任何一個都可以去除光澤外觀。但結果不是非常美觀。邊界半徑也不會消失。我已經看到了一個跨瀏覽器的方法，其中有人用div封裝了選擇，並將背景圖像放在後面，選擇的背景設置爲透明。這是一個至少... – martinczerwi

-1

創建或下載一個小的向下箭頭，然後給下面的屬性來選擇：

select{-webkit-appearance: none; 
background:url(images/downarrow.png) no-repeat; 
background-position: 98% 4px; }

來源

2017-11-03 06:11:52

在Mac上移除選擇輸入的原生樣式，向下箭頭

回答

相關問題