PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Black fields when filling out forms

  1. KbhClaudius
    Member

    Hi,

    My form fields turn black when I try to write in them. I can css my way out of everything else but this one is tricky.

    Any solutions?

    Posted 12 years ago on Friday March 30, 2012 | Permalink
  2. It's most likely the :focus selector that needs tweaking. Got a link to your form?

    Posted 12 years ago on Friday March 30, 2012 | Permalink
  3. KbhClaudius
    Member

    Hi Rob,

    Yes, it's right here: http://www.hoorayinteractive.com/contact/

    Posted 12 years ago on Friday March 30, 2012 | Permalink
  4. Your theme stylesheet is outputting this focus style:

    [css]
    textarea:focus, input:focus {
    border: none !important;
    background: #444 url("images/patterns/2.png");
    }

    If you want you can get rid of that from the theme or edit it accordingly. If you want to target only GF's inputs for focus styling you will need to override that selector above with something like this and place the styles you want:

    [css]
    .gform_wrapper input[type="text"]:focus, .gform_wrapper input[type="url"]:focus, .gform_wrapper input[type="email"]:focus, .gform_wrapper input[type="tel"]:focus, .gform_wrapper input[type="number"]:focus, .gform_wrapper input[type="password"]:focus, .gform_wrapper textarea:focus {}
    Posted 12 years ago on Friday March 30, 2012 | Permalink
  5. KbhClaudius
    Member

    OK. That's embarrasing. Thought I had already tried background: none;

    Jeeeez...

    Thanks a lot. Have a nice weekend.

    Posted 12 years ago on Friday March 30, 2012 | Permalink
  6. No problem, glad to help. Have a great weekend yourself!

    Posted 12 years ago on Friday March 30, 2012 | Permalink

This topic has been resolved and has been closed to new replies.