select { /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: solid 1px #000; /*很关键：将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none ...

谷歌、火狐、ie下 select 的默认下拉箭头图标差别还是比较大，一般我们都会清除默认样式，重新设计箭头图标； /* --ie清除--*/ select::-ms-expand{ display: none; } /* --火狐、谷歌清除--*/ select ...

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

外层套一层div进行覆盖select的边框和下拉箭头（欺骗显示效果） ...

#fff; 　　padding-right: 14px;} /*清除ie的默认选择框样式清除，隐藏下拉 ...

　　对于一般的项目而言，select标签在浏览器中表现出来的默认样式也不算丑，但是一次项目中，项目经理却要求对select标签本身进行样式修改，美化其下拉小箭头的样式。我思考和尝试了许多方法，最终得到一种能够兼容chrome、360、火狐、搜狗、IE10+等浏览器的最佳方案。废话不多说，实现原理 ...

CSS ...

html select 下拉箭头隐藏 ...