Drop Down Field CSS Selectors

Drop Down Field CSS Selectors

ContainerSelect BoxItems

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
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
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}

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注