去除下拉框上向下的箭头

一般情况下下拉框都会有一个向下的小箭头,例如:

如何去除这个小箭头呢?

select {
    /*很关键:将默认的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; }

参考:https://www.cnblogs.com/lsy26/p/5840860.html

你可能感兴趣的:(前端,去除下拉框上向下的箭头)