Change the Select arrow style

Links: 52549787

To change the Select Arrowhead Style:

1, remove the arrows;

2, set the picture as the background;

3. Change the size and position of the image to replace the original arrow

Select{/*Chrome and Firefox have different borders, so it's a bit of a carbon copy.*/Border:Solid 1px #000;/*key: Clears the default Select selection box style*/appearance:None;-moz-appearance:None;-webkit-appearance:None;/*Displays the small arrow picture in the middle right of the selection box*/background:URL ("images/right-select.png") no-repeat scroll right 0.03rem transparent;background-size:0.13rem 0.26rem;/*leave a little bit of space for the drop-down arrows to avoid being overwritten by text*/Padding-right:0.14rem; }

Change the Select arrow style