Article From:https://www.cnblogs.com/kingchan/p/9378941.html
select,option{
    /*ChromeIt is different from the border in Firefox, so I duplicated it.*/
    border: none;
    outline: none;
    /*The key is to remove the default select selection box style.*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /*Change background to red*/
    background:#fff;
    /*Add padding to prevent text overlay*/
    padding-right: .14rem;
}
/*Clear the default selection box style of IE and hide the drop-down arrow.*/
select::-ms-expand {display: none;}

 

Similar Posts:

Leave a Reply

Your email address will not be published. Required fields are marked *