點擊右上方紅色按鈕關注“小鄭搞碼事”,每天都能學到知識,搞懂一個問題!
一,看一下select在瀏覽器上的表現:
css3有一個屬性apperance,允許您使元素看上去像標準的用戶界面元素。將下面這段代碼放在select的樣式中:
這樣就可以將這個默認的箭頭去掉。看一下效果
這樣的話,我們可以自定義一個三角圖片背景放到上面去。一個完全自定義的select樣式就可以完成了。
二,看一下這個屬性的兼容性
覆蓋率佔到90%以上,還是有必要研究一下,好好的應用到實際項目中。
小結一下
button等元素在safari上的那些默認樣式,用這個屬性也可以讓它表現的和正常樣式設置的效果一樣。
閱讀更多 小鄭搞碼事 的文章