Drop Down Field CSS Selectors (Legacy)

Note: These selectors apply only to the Gravity Forms 2.5 theme.

Note: If you’ve enabled the Enhanced UI option, you will need to target “.chosen-container” CSS class rather than “.ginput_container_select” in the selectors below.

Container

example: standard drop-down container (div) – applies to all forms

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_select {border: 1px solid red}

example: standard drop-down container (div) – applies just to form ID #1

body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_select {border: 1px solid red}

example: standard drop-down container (div) – applies just to specific drop-down field (based on the unique parent element ID – replace “XX_X” with your actual element ID)

body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .ginput_container_select {border: 1px solid red}

Select Box

Select is an element generated by the browser not by Gravity Forms, for this reason they may look slightly different depending on the browser, device, and OS used. For the same reason, you may not be able to fully customize them easily only with CSS as you can do with other elements of the form.

example: standard drop-down field (select) – applies to all forms

body .gform_wrapper .gform_body .gform_fields .gfield select {border: 1px solid red}

example: standard drop-down field (select) – applies just to form ID #1

body #gform_wrapper_1 .gform_body .gform_fields .gfield select {border: 1px solid red}

example: standard drop-down field (select) – applies just to specific drop-down field (based on the unique parent element ID – replace “XX_X” with your actual element ID)

body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield select {border: 1px solid red}

Items

Select items are elements generated by the browser not by Gravity Forms, for this reason they may look slightly different depending on the browser, device, and OS used. For the same reason, you may not be able to fully customize them easily only with CSS as you can do with other elements of the form.

example: standard drop-down item (option) – applies to all forms

body .gform_wrapper .gform_body .gform_fields .gfield select option {color: red}

example: standard drop-down item (option) – applies just to form ID #1

body #gform_wrapper_1 .gform_body .gform_fields .gfield select option {color:red}

example: standard drop-down item (option) – applies just to specific drop-down field (based on the unique parent element ID – replace “XX_X” with your actual element ID)

body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield select option {color: red}