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

0 vote124 views1 answer
How to change line colors in css
CSS
198 votes268 views6 answers
How to add css in html
CSS
1 vote132 views1 answer
How to prevent text overflow
CSS
3 votes119 views1 answer
Hover apply lighter color css
CSS
1 vote154 views1 answer
Css flex divide evenly
CSS
3 votes138 views1 answer
What is a pseudo selector?
CSS
0 vote129 views1 answer
Giving body maximum width in css
CSS
2 votes122 views1 answer
Cool hover effects css
CSS
61 votes252 views2 answers
Bootstrap flex direction column
CSS Bootstrap
1 vote127 views1 answer
How to keep background image sticky on top
CSS