Skip to content

Instantly share code, notes, and snippets.

@oliverbenns
Last active January 3, 2016 04:49
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 oliverbenns/8411881 to your computer and use it in GitHub Desktop.
Save oliverbenns/8411881 to your computer and use it in GitHub Desktop.
Select Element Styling
.dropdown {
border: 1px solid black;
border-radius: 3px;
overflow: hidden;
background: white url("img/icon-arrow.png") no-repeat right 50%;
}
.dropdown select {
padding: 6px 12px;
border: none;
box-shadow: none;
background: transparent;
background-image: none;
-webkit-appearance: none;
appearance: none;
text-indent: 0.01px;
text-overflow: '';
}
.dropdown select:focus {
outline: none;
}
<div class="dropdown">
<select>
<option>Choice 1</option>
<option>Choice 2</option>
<option>Choice 3</option>
</select>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment