Redesign html select

#my_selection {
    -webkit-appearance: none; 
   -moz-appearance: none;
   appearance: none;       /* remove default arrow */
   background-image: url(../img/drop-down.png);  /* add custom arrow */
   background-repeat: no-repeat;
   background-position:right center;
}

Source: stackoverflow.com

Similar codes

6 votes277 views1 answer
How to change hyperlink color in css
CSS
6 votes237 views2 answers
How to make all the columns equal size with flexbox
CSS
0 vote240 views1 answer
Submit button css class
CSS
0 vote245 views1 answer
Fluid typography for Safari
CSS
-1 vote261 views1 answer
Arranging the paragraph in css
CSS
3 votes223 views1 answer
Mettre une image au milieu css
CSS
0 vote236 views2 answers
Webkit box shadow not working
CSS
0 vote213 views6 answers
Comments in css
CSS
0 vote252 views1 answer
How to mirror flip a video tag css
CSS
-1 vote279 views3 answers
Css counter
CSS