select {
border: none;
height: 20px;
/*很关键:将默认的select选择框样式清除*/
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
width: 95%;
padding-left: 10px;
/*在选择框的最右侧中间显示小箭头图片*/
background: url("../../image/setting-img/down.png") no-repeat scroll right center transparent;
/*为下拉小箭头留出一点位置,避免被文字覆盖*/
padding-right: 14px;
}
自定义select的样式
于 2024-01-18 16:44:52 首次发布