Time Field CSS Selectors

Hours

Container

Contains the hours input field and sub-label

• example: time – hours container (div) – applies to all forms

  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

  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)

  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

  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

  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)

  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

  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

  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)

  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

  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

  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)

  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

  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

  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)

  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

  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

  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)

  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

  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

  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)

  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

  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

  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)

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

The post Time Field CSS Selectors appeared first on Gravity Forms Documentation.