先來看看效果圖： css： html： 右側圖標： 也可以自己在：圖標 上選擇自己喜歡的圖標。 ...

轉自：https://blog.csdn.net/Originally_M/article/details/98968399 ...

實現效果： 樣式一：去除邊框和下拉三角形，自定義下拉三角形 下拉三角形圖片獲取 代碼實現： HTML代碼 <div class="com-sel"> <select class="com-opt"> < ...

在我們用select的時候，通常因為他的默認樣式比較丑而用自己樣式，那首先要去掉他的默認樣式 去掉select的邊框和點擊時的藍色邊框 select{border: none;outline: none;} 去掉select下拉的小三角 select ...

　　對於一般的項目而言，select標簽在瀏覽器中表現出來的默認樣式也不算丑，但是一次項目中，項目經理卻要求對select標簽本身進行樣式修改，美化其下拉小箭頭的樣式。我思考和嘗試了許多方法，最終得到一種能夠兼容chrome、360、火狐、搜狗、IE10+等瀏覽器的最佳方案。廢話不多說，實現原理 ...

select { /*清除select默認樣式*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; border:1px solid #CCC; width:330px ...

html代碼： <div> <select name=""> <option value="芝士">芝士</option> <option value="奶油">奶油</option> ...

html代碼： <div> <select name=""> <option value="芝士">芝士</option> <option value="奶油">奶油< ...