Time Field CSS Selectors

Hours

Container

Contains the hours input field and sub-label

  • example: time – hours container (div) – applies to all forms
1
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_time_hour {border: 1px solid red}
  • example: time – hours container (div) – applies just to form ID #1

    • 1
    body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_time_hour {border: 1px solid red}
  • example: time – hours container (div) – applies just to specific container (based on the unique parent element ID – replace “XX_X” with your actual element ID)

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

    Input Field

    • example: time – hours input field (input) – applies to all forms

    1
    body .gform_wrapper .gform_body .gform_fields .gfield .gfield_time_hour input {border: 1px solid red}
  • example: time – hours input field (input) – applies just to form ID #1

    • 1
    body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_time_hour input {border: 1px solid red}
  • example: time – hours input field (input) – applies just to specific form field (based on the unique parent element ID – replace “XX_X” with your actual element ID)

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

    Sub-Label

    • example: time – hours sub-label (label) – applies to all forms

    1
    body .gform_wrapper .gform_body .gform_fields .gfield .gfield_time_hour label {color: red}
  • example: time – hours sub-label (label) – applies just to form ID #1

    • 1
    body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_time_hour label {color: red}
  • example: time – hours sub-label (label) – applies just to specific sub-label (based on the unique parent element ID – replace “XX_X” with your actual element ID)

    • 1
    body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_time_hour label {color: red}

    Minutes

    Container

    Contains the minutes input field and sub-label

    • example: time – minutes container (div) – applies to all forms
    1
    body .gform_wrapper .gform_body .gform_fields .gfield .gfield_time_minute {border: 1px solid red}
  • example: time – minutes container (div) – applies just to form ID #1

    • 1
    body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_time_minute {border: 1px solid red}
  • example: time – minutes container (div) – applies just to specific container (based on the unique parent element ID – replace “XX_X” with your actual element ID)

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

    Input Field

    • example: time – minutes input field (input) – applies to all forms

    1
    body .gform_wrapper .gform_body .gform_fields .gfield .gfield_time_minute input {border: 1px solid red}
  • example: time – minutes input field (input) – applies just to form ID #1

    • 1
    body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_time_minute input {border: 1px solid red}
  • example: tim – minutes input field (input) – applies just to specific form field (based on the unique parent element ID – replace “XX_X” with your actual element ID)

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

    Sub-Label

    • example: time – minutes sub-label (label) – applies to all forms

    1
    body .gform_wrapper .gform_body .gform_fields .gfield .gfield_time_minute label {color: red}
  • example: time – minutes sub-label (label) – applies just to form ID #1

    • 1
    body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_time_minute label {color: red}
  • example: time – minutes sub-label (label) – applies just to specific sub-label (based on the unique parent element ID – replace “XX_X” with your actual element ID)

    • 1
    body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_time_minute label {color: red}

    AM/PM

    Container

    Contains the minutes input field and sub-label

    • example: time – AM/PM container (div) – applies to all forms
    1
    body .gform_wrapper .gform_body .gform_fields .gfield .gfield_time_ampm {border: 1px solid red}
  • example: time – AM/PM container (div) – applies just to form ID #1

    • 1
    body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_time_ampm {border: 1px solid red}
  • example: time – AM/PM container (div) – applies just to specific container (based on the unique parent element ID – replace “XX_X” with your actual element ID)

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

    Selector

    • example: time – AM/PM selector (select) – applies to all forms

    1
    body .gform_wrapper .gform_body .gform_fields .gfield .gfield_time_ampm select {border: 1px solid red}
  • example: time – AM/PM selector (select) – applies just to form ID #1

    • 1
    body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_time_ampm select {border: 1px solid red}
  • example: time – AM/PM selector (select) – applies just to specific drop-down field (based on the unique parent element ID – replace “XX_X” with your actual element ID)

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