Skip to content

Instantly share code, notes, and snippets.

@saqibsarwar
Created February 16, 2015 14:21
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Embed
What would you like to do?
select {
padding: 10px;
border: 1px solid #e7e7e7;
border-radius: 0;
background: #fff url("../images/select-arrow.png") no-repeat 96% center;
/* for chrome & safari */
-webkit-appearance:none;
/* for firefox */
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
/* for IE */
&::-ms-expand{
display: none;
}
&:focus::-ms-value {
background: transparent;
}
}
@saqibsarwar
Copy link
Author

96% can be changed to 97% or more to suite your own needs based on available width and select-arrow.png size

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment