Skip to content

Instantly share code, notes, and snippets.

@jreisstudio
Created November 1, 2013 13:19
Show Gist options
  • Save jreisstudio/7265314 to your computer and use it in GitHub Desktop.
Save jreisstudio/7265314 to your computer and use it in GitHub Desktop.
trick to customize the select box. 1 - create a styled-select 2 - put out the select things
.styled-select {
margin: 0px 5px 0 0;
-webkit-border-radius: 4px;
background: white url("dropdown_arrow.png") no-repeat right;
border: 1px solid #c6c6c6;
border-radius: 4px;
overflow: hidden;
width: 230px;
}
.styled-select select {
border: 1px solid transparent;
background: transparent;
/* If you add too much padding here, the options won't show in IE */
width: 256px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment