Skip to content

Instantly share code, notes, and snippets.

@tessalt
Created September 22, 2012 03:04
Show Gist options
  • Save tessalt/3764975 to your computer and use it in GitHub Desktop.
Save tessalt/3764975 to your computer and use it in GitHub Desktop.
<span class="okselect">
<span class="arrows"></span>
<select name="dietserious" onfocus="this.up().addClassName('focus');" onblur="this.up().removeClassName('focus');">
<option value="0">All Assets</option><option value="1">My Assets</option><option value="2">Strictly</option>
</select>
</span>
select {
background: none;
-webkit-appearance: none;
border: none;
color: #838383;
}
select:focus {
outline: none;
}
.okselect {
margin: 20px;
background: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6
100%);
border: 1px solid #b2b2b2;
border-radius: 5px;
box-shadow: 0 1px 1px #d2d2d2;
padding: 5px 11px;
display: inline-block;
font-size: 14px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment