清除Css中select的下拉箭头样式

来源:互联网 发布:淘宝爆款是什么意思 编辑:程序博客网 时间:2024/05/22 08:24

只需要将以下代码放入css文件中即可:


如果想要有差别的取消,选择对应的选择器即可  


对bootrap的select2同样适用

select {/*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/border: solid 1px #000;/*很关键:将默认的select选择框样式清除*/appearance:none;-moz-appearance:none;-webkit-appearance:none;/*在选择框的最右侧中间显示小箭头图片*/background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;/*为下拉小箭头留出一点位置,避免被文字覆盖*/padding-right: 14px;}/*清除ie的默认选择框样式清除,隐藏下拉箭头*/select::-ms-expand { display: none; }


1 0
原创粉丝点击