select { width: 100%; height: 34px; border: solid 1px #0086EA; /*为下拉小箭头留出一点位置,避免被文字覆盖*/ padding-right:34px; padding-left: 10px; /*将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url("/assets/img/caret.png") no-repeat scroll right center transparent; } /*清除ie的默认选择框样式清除,隐藏下拉箭头*/ select::-ms-expand { display: none; }
适用与项目中使用,用图片做select背景。清除各个浏览器select的默认样式。
目前适用于ie10及以上