Skip to content

Instantly share code, notes, and snippets.

@farrukhmomin
Created June 3, 2015 19:41
Show Gist options
  • Save farrukhmomin/9434d5f2218351a0b8a2 to your computer and use it in GitHub Desktop.
Save farrukhmomin/9434d5f2218351a0b8a2 to your computer and use it in GitHub Desktop.
HTML Select Styling
.combo {
background: #efefef url(../images/combo-arrow.png) no-repeat right 8px center;
border: solid 1px #ccc;
border-radius: 6px;
color: #333;
padding: 6px 4px;
overflow:hidden;
display:inline-block;
}
.combo select {
background:transparent;
width:130%;
border:none;
}
<span class="combo">
<select>
<option>-Approved-</option>
</select>
</span>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment