Tuesday, March 4, 2014

Firefox And IE Custom Select Dropwdown Problem Solved

This will make a custom dropdown works across all the browsers. So putting it all together the following should be sufficient.

/* IE FIX! */
select::-ms-expand {
    display: none;
}
  
/* Firefox FIX! */
select {
    outline : none;
    overflow : hidden;   
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;  
     text-indent : 0.01px;/* this is important! */
    text-overflow: ''; /* this is important! */  
}

No comments:

Post a Comment