How to change color of the select dropdown icon

Is there a way to change the color of the dropdown icon?, i am not using any library. just the <select> html tag
No description
6 Replies
Caps-look
Caps-look•4mo ago
for blue background "select{background: blue;}" and alike for other colors
Jus Sus || 💀
Jus Sus || 💀•4mo ago
@Caps-look i want to change the icon color, is it possible?
Caps-look
Caps-look•4mo ago
ahh, sorry so instead of 'background' use 'color' It will change text and icon color
MarkBoots
MarkBoots•4mo ago
this is a bit of a hack (don't know how it works in all browsers) But if you want to have different colors for the text and the icon:
select {
color: red; /* set text + arrow to red */
-webkit-text-fill-color: black; /* set only the text to black*/

> option {
color: black; /* set the options to black
}
}
select {
color: red; /* set text + arrow to red */
-webkit-text-fill-color: black; /* set only the text to black*/

> option {
color: black; /* set the options to black
}
}
MarkBoots
MarkBoots•4mo ago
No description
capt_uhu
capt_uhu•4mo ago
just checked this in Firefox. -webkit-text-fill-color: black; is supported in FF but it changes the color of both the text and the arrow. So that's a no go in FF