美文网首页
清除css中的select的下拉箭头样式

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

作者: 而生lhw | 来源:发表于2017-12-13 17:43 被阅读34次
    select{
    /*chrome和firefox里面的边框是不一样的,所以复写一下*/
    border:solid 1px #000;
    }
    
     /**很关键:将默认的select 选择框样式清楚/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    
    /*在选择框的最右侧中间显示小箭头图片*/
    background:url("") no-repeat scroll right center transparent;
    /*为下拉小箭头留出一点位置,避免被文字覆盖*/
    padding-right:14px
    /*清楚ie的默认选择框样式清除,隐藏下拉箭头*/
    select::-ms-expand{display:none}
    

    相关文章

      网友评论

          本文标题:清除css中的select的下拉箭头样式

          本文链接:https://www.haomeiwen.com/subject/dbdzixtx.html