【笔记】css 自定义select 元素的箭头样式
生活随笔
收集整理的這篇文章主要介紹了
【笔记】css 自定义select 元素的箭头样式
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
原文鏈接:https://www.imooc.com/qadetail/187585?t=281881
?
最近項目需要自定義select 元素的樣式,搜索了一下發現了通過設置select 元素 css 的?appearance 屬性為 none,再通過設置背景圖片 background-image 另其顯示一個自定義的箭頭即可
代碼如下:
/* 清除部分現代瀏覽器的 select 默認樣式 */ appearance:none;-moz-appearance:none;-webkit-appearance:none;/* 清除ie 瀏覽器的默認樣式 */ select::-ms-expand {display: none; }?
轉載于:https://www.cnblogs.com/stitchgogo/p/8808675.html
超強干貨來襲 云風專訪:近40年碼齡,通宵達旦的技術人生總結
以上是生活随笔為你收集整理的【笔记】css 自定义select 元素的箭头样式的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 51NOD 1424 零树
- 下一篇: 【SPOJ】Power Modulo I