Skip to content

Instantly share code, notes, and snippets.

@gregblass

gregblass/example.html

Last active July 7, 2020 18:08
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 gregblass/e6f8771ad88d60b5c64cc0db8e574241 to your computer and use it in GitHub Desktop.
Save gregblass/e6f8771ad88d60b5c64cc0db8e574241 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
example.html
<div class='styled-select'>
<select>
<option></option>
<option></option>
...
</select>
</div>
Raw
styled-select.css
.styled-select {
position: relative;
}
.styled-select select {
padding-right: 26px;
-webkit-appearance: none;
}
.styled-select::after {
position: absolute;
font-family: 'Material Icons';
content: 'keyboard_arrow_down';
top: 8px;
right: 5px;
font-size: 18px;
color: #555;
font-weight: bold;
}
@gregblass
Copy link
Author

Depends on: https://material.io/resources/icons/?style=baseline

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment