先来看看效果图： 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="奶油">奶油< ...