Removing dropdown arrow from select

Remove default dropdown arrow in select field

Removing dropdown arrow from select field in Chrome, Mozilla and IE browsers. To achieve this scenario, we have to use below prefix based CSS codes.


select {    
/*for firefox*/
-moz-appearance: none;
/*for chrome*/    
-webkit-appearance:none;
}
/*for IE10*/
select::-ms-expand {   
  display: none;
}

You may also like

Leave a Reply

Your email address will not be published. Required fields are marked *