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 vote145 views1 answer
How to cover entire div with background image
CSS
1 vote138 views2 answers
What is css selector
CSS
0 vote142 views1 answer
Firefox-scroll-css
CSS
3 votes140 views3 answers
Change br height
CSS
7 votes141 views2 answers
Detect if an element has a class jQurey
CSS
120 votes274 views3 answers
React import bootstrap css file
CSS Bootstrap
4 votes155 views1 answer
Make border to div
CSS
0 vote149 views2 answers
How to change the select arrow in css
CSS
0 vote168 views1 answer
Flex box divs squeeze together
CSS
0 vote199 views2 answers
Css style select arrow color
CSS