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

4 votes179 views1 answer
Grid repeating auto columns
CSS
7 votes186 views2 answers
Disable bullets in ul
CSS
1 vote155 views2 answers
Summation in jupyter markdown
CSS
0 vote203 views1 answer
Justify center wont wotk with max-width css
CSS
0 vote190 views1 answer
How to disable margin collapse between parent and child
CSS
3 votes191 views2 answers
Css text limit
CSS
3 votes192 views2 answers
How to align elements horizontally in css
CSS
1 vote145 views1 answer
Ionic create project css
CSS
0 vote223 views1 answer
Transform: scale time anpassen
CSS
0 vote226 views1 answer
Unclickable button
CSS