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 vote271 views1 answer
Easyui how to change datagrid header height
CSS
2 votes259 views2 answers
Slick arrow css
CSS
0 vote278 views2 answers
How to give text stroke in css
CSS
6 votes281 views4 answers
Backdrop filter css
CSS
-1 vote300 views1 answer
How to centralize cards in css
CSS
0 vote277 views1 answer
Twig convert encoding
CSS
1 vote278 views1 answer
CSS technique for a horizontal line with icons in the middle
CSS
1 vote288 views1 answer
Ul remove dots
CSS
0 vote230 views1 answer
How to make header on top
CSS
1 vote320 views1 answer
How to prevent text overflow
CSS