點擊右上方紅色按鈕關注「小鄭搞碼事」，每天都能學到知識，搞懂一個問題！

一，看一下select在瀏覽器上的表現：

css3有一個屬性apperance，允許您使元素看上去像標準的用戶界面元素。將下面這段代碼放在select的樣式中：

這樣就可以將這個默認的箭頭去掉。看一下效果

這樣的話，我們可以自定義一個三角圖片背景放到上面去。一個完全自定義的select樣式就可以完成了。

二，看一下這個屬性的兼容性

覆蓋率佔到90%以上，還是有必要研究一下，好好的應用到實際項目中。

小結一下

button等元素在safari上的那些默認樣式，用這個屬性也可以讓它表現的和正常樣式設置的效果一樣。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！