CSS修改下拉选框select的默认样式
CSS修改下拉选框select的默认样式
select {
/*统一边框*/
border: solid 1px #000;
/*为下拉小箭头留出一点位置，避免被文字覆盖*/
padding-right: 14px;
/*替换选择框的最右侧显示小箭头图片*/
background: url("http://****.png") no-repeat scroll right center transparent;
/*将默认的select选择框样式清除*/
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
清除IE的默认选择框样式，隐藏下拉箭头
select::-ms-expand {
display: none;
}
