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

46 votes399 views2 answers
Customize scrollbar
CSS
0 vote336 views1 answer
Different :after and ::after
CSS
2 votes368 views1 answer
Table add margin between rows
CSS
1 vote436 views1 answer
Hide cursor css
CSS
0 vote409 views1 answer
List-style-type flex
CSS
0 vote404 views1 answer
Calendar api
CSS
2 votes380 views1 answer
Bootstrap class="mb-3"
CSS
0 vote383 views1 answer
Grid css fr width of content
CSS
4 votes449 views1 answer
Scss sass on hover pseudo-class
CSS
-6 votes493 views7 answers
Css flex
CSS