Skip to content

Instantly share code, notes, and snippets.

@saqibsarwar
Created February 16, 2015 14:21
Show Gist options
  • Save saqibsarwar/294a910dcfe447b763d4 to your computer and use it in GitHub Desktop.
Save saqibsarwar/294a910dcfe447b763d4 to your computer and use it in GitHub Desktop.
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