Form Body CSS Selectors

Form Body CSS Selectors

ContainerField ListContainerList ItemsField InputsInput ContainerDescription ContainerRequired Field Indicator (Asterisk)

Container
Contains the main form content

example: the form body section (div) – applies to all forms
1body .gform_wrapper .gform_body  {border: 1px solid red}

example: the form body section (div) – applies just to form ID #1
1body #gform_wrapper_1 .gform_body {border: 1px solid red}

Field List
Container
unordered list used to structure all of the form elements

example: the form list container (ul) – applies to all forms
1body .gform_wrapper .gform_body .gform_fields {border: 1px solid red}

example: the form list container (ul) – applies just to form ID #1
1body #gform_wrapper_1 .gform_body .gform_fields {border: 1px solid red}

List Items
Individual list items containing each form element

example: the form list item (li) – applies to all forms
1body .gform_wrapper .gform_body .gform_fields .gfield {border: 1px solid red}

example: the form list item (li) – applies just to form ID #1
1body #gform_wrapper_1 .gform_body .gform_fields .gfield {border: 1px solid red}

Field Inputs
Input Container
Wraps the actual form element inside the containing list item

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

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

example: input field container (div) – applies just to specific form field (based on the unique parent element ID – replace 「XX_X」 with your actual element ID)
1body .gform_wrapper .gform_body .gform_fields  #field_XX_X.gfield .ginput_container {border: 1px solid red}

Description Container
Contains the field description inside the containing list item

example: input field description container (div) – applies to all forms
1body .gform_wrapper .gform_body .gform_fields .gfield .gfield_description {border: 1px solid red}

example: input field description container (div) – applies just to form ID #1
1body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_description {border: 1px solid red}

example: input field description container (div) – applies just to specific field description (based on the unique parent element ID – replace 「XX_X」 with your actual element ID)
1body .gform_wrapper .gform_body .gform_fields  #field_XX_X.gfield .gfield_description {border: 1px solid red}

Required Field Indicator (Asterisk)

example: required field indicator (span) – applies to all forms
1body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required {color: red}

example: required field indicator (span) – applies just to form ID #1
1body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_label .gfield_required {color: red}

example: required field indicator (span) – applies just to specific indicator (based on the unique parent element ID – replace 「XX_X」 with your actual element ID)
1body .gform_wrapper .gform_body .gform_fields  #field_XX_X.gfield .gfield_label .gfield_required {color: red}

发表回复

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