Skip to content

Instantly share code, notes, and snippets.

@htmlstrap

htmlstrap/clear-select

Forked from meyercc/clear-select
Created March 8, 2016 09:54
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save htmlstrap/1b7b2dae6dfb753c7401 to your computer and use it in GitHub Desktop.
Save htmlstrap/1b7b2dae6dfb753c7401 to your computer and use it in GitHub Desktop.
Download ZIP
LESS Mixin that clears browsers' default select box styles.
Raw
clear-select
.clear-select {
border: none;
border-radius: 0;
outline: none;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
text-indent: 0.01px; // Need this to hide default select in FF
text-overflow: ''; // Need this to hide default select in FF
&::-ms-expand {
display: none; // Need this to hide default select in IE10
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment