Customizing the arrow/icon in select input for drop down menu?


Badge

Has anyone figured out how to target and style the arrow on drop down menus? Like changing color, size, etc.


3 replies

Userlevel 5

You can change color, size and font, in the same panel that any form field is edited.

I’m not sure how to change the arrows used in the dropdown field. But is there something specific you want to accomplish with the styling?

Badge

I’m wanting to change the color of the arrow itself but keep the placeholder I have it’s current color

Badge +1

@tdrstudebaker with simple CSS manipulation you can do whatever you like with the dropdown.
See this fiddle:
https://jsfiddle.net/jeafgilbert/wz0zaev0/

Reply