SOLVED

Edit Select Arrow Styling in Forms

Go to solution
Lucho_Soto
Level 5

Edit Select Arrow Styling in Forms

Hi Marketo Community,

I'm trying to customize the downwards arrow next to "select" type questions on a Marketo form. Explorer, Chrome and Firefox all render the arrow differently (screenshots below) and I haven't been able to find anything in the form CSS that controls this.

I would also like to edit the outline of the dropdown once the arrow is clicked, this also varies among browsers. Any help/tips would be appreciated, thanks!

Explorer

pastedImage_0.png

Chrome

pastedImage_1.png

Firefox

pastedImage_2.png

1 ACCEPTED SOLUTION

Accepted Solutions
SanfordWhiteman
Level 10 - Community Moderator

Re: Edit Select Arrow Styling in Forms

<SELECT> tags by definition vary among browsers, and can only be partially restyled. There's no standard unless you replace the entire widget with a custom component. (This isn't a Marketo limitation.)

View solution in original post

2 REPLIES 2
SanfordWhiteman
Level 10 - Community Moderator

Re: Edit Select Arrow Styling in Forms

<SELECT> tags by definition vary among browsers, and can only be partially restyled. There's no standard unless you replace the entire widget with a custom component. (This isn't a Marketo limitation.)

Lucho_Soto
Level 5

Re: Edit Select Arrow Styling in Forms

That makes sense, thanks for your help.