Dropdown field box small on safari - normal size on Chrome [RESOLVED]

see webpage or screenshot
Donations – Fight Lynch Syndrome
the dropdown box size is set for medium and looks good on test and on Chrome but they are all smaller on safari

Hi Neil. You can add this CSS to your theme (or child theme) stylesheet or via the Appearance Customizer (Appearance → Customize → Additional CSS):

body .gform_wrapper div.has_prefix select {
    -webkit-appearance: none;

See also this article for additional information about placing CSS snippets: https://docs.gravityforms.com/where-to-put-your-custom-css/

Let us know if that works for you. Thank you.

Chris. Thank you for the help. It did work on the one dropdown I showed, but it did not work on a bunch of others further down the page. United states - amount to donate - payment (credit card). See pic below.

You can use this CSS instead to target all dropdowns in Gravity Forms:

body div.gform_wrapper div.gform_body select {
    -webkit-appearance: none;

Chris - you are the best!


1 Like