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

3 votes114 views2 answers
Remove highlight input css
CSS
1 vote144 views2 answers
Css disabled hover none
CSS
0 vote144 views1 answer
Label for centered image
CSS
0 vote132 views2 answers
How to define max number of character for a paragraph css
CSS
1 vote125 views1 answer
How to write remark in css
CSS
0 vote104 views1 answer
Have button beside form input
CSS
2 votes114 views1 answer
Size carousel bootstrap 4
CSS
0 vote123 views3 answers
Detect system dark mode
CSS
7 votes122 views2 answers
Css id selector
CSS
3 votes121 views2 answers
How to change only bullet color in css
CSS