Eliminate White Background for Active TEL Field

  • Resolved Nethers Web Design

    (@timnethersgmailcom)


    5 years, 3 months ago

    When entering your phone number in the tel field, the default background changes to white. If you click out of it, the change goes away. I’m struggling to locate the css style that’s changing the once default behavior and inserting the white background.

    For us it’s problematic, as many of our forms are styled in white text, so the white on white is a poor user experience.

    Working through the css now – seems to be an input:focus piece.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter Nethers Web Design

    (@timnethersgmailcom)

    Answer:
    input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-required.wpcf7-validates-as-tel:focus {
    background: transparent!important;
    }

Viewing 1 replies (of 1 total)
  • The topic ‘Eliminate White Background for Active TEL Field’ is closed to new replies.