CSS removes the drop-down arrow style for Select

Not much nonsense to say, directly to everyone to paste the CSS code, the specific code is as follows:

Select {     /*chrome and Firefox inside the border is not the same, so a copy of the */  border:solid 1px #000;     /* Key: Clear the Default Select selection box style */  appearance:none;     -moz-appearance:none;     -webkit-appearance:none;     /* Display the small arrow picture in the middle right of the selection box *  /Background:url ("Http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll Rightright Center Transparent;     /* Set aside a little position for the drop-down arrows to avoid being covered by text */  padding-right:14px;   }   /* Clear the Default selection box style of IE to clear, hide the drop-down arrow */select::-ms-expand {display:none;}

Well, the code to this end, I hope to be helpful to everyone, if you have any questions welcome to leave a message, small series will promptly reply to everyone!