Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

[Help] Styling Drop Down Arrows

Is it possible to change the appearance of the rather ugly drop down arrows. Ideally I would like them smaller and a bit more subtle. Many Thanks
1457110394
Kryx
Pro
Sheet Author
API Scripter
You could get rid of the arrow: -moz-appearance: none; -webkit-appearance: none; appearance: none; Overall styling that arrow is very problematic as every browser styles it differently.
1457110851
Lithl
Pro
Sheet Author
API Scripter
After hiding the arrow with the code Kryx supplied, you can also put a background image on the Select to get a new arrow. Use background-position: right and background-repeat: no-repeat to put the arrow on the right side and only have it show up once.
Kryx said: You could get rid of the arrow: -moz-appearance: none; -webkit-appearance: none; appearance: none; Overall styling that arrow is very problematic as every browser styles it differently. Thank You forgive my ignorance but where do I need to insert this code? Thank You,
1457111816
Kryx
Pro
Sheet Author
API Scripter
In your css. select { -moz-appearance: none; -webkit-appearance: none; appearance: none; }
Exactly what I was after.