Single Line Text Field CSS Selectors

Single Line Text Field CSS Selectors

ContainerInputMaximum Characters Counter

Container

example: single line text field container (div) – applies to all forms
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_text {border: 1px solid red}

example: single line text field container (div) – applies just to form ID #1
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_text {border: 1px solid red}

example: single line text field container (div) – applies just to specific indicator (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_text {border: 1px solid red}

Input

example: standard text field (input) – applies to all forms
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_text input[type=text] {border: 1px solid red}

example: standard text field (input) – applies just to form ID #1
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_text input[type=text] {border: 1px solid red}

example: standard text field (input) – applies just to specific text 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_text input[type=text] {border: 1px solid red}

Maximum Characters Counter

example: standard text field (input) – applies to all forms
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_text .charleft {border: 1px solid red}

example: standard text field (input) – applies just to form ID #1
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_text .charleft {border: 1px solid red}

example: standard text field (input) – applies just to specific text 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_text .charleft {border: 1px solid red}

發表回覆

您的電子郵箱地址不會被公開。 必填項已用 * 標註