[Plugin: Contact Form 7] Input fields disappear when typing

  • Rich D

    (@rchdly)


    12 years, 2 months ago

    Hi all,

    Bit of a strange one, this.

    I’m using the Contact Form 7 plugin on WordPress 3.3.1, and everything’s working fine except for that when I try and enter any text into the form on the website, the input fields ‘disappear’ — although they are still there and holding the information as they re-appear, inputted text and all, when I inspect the element using Chrome’s developer tools.

    I’m only having this issue in Chrome too, Firefox, IE and Opera are all working fine.

    An example of the form can be seen at http://www.system7franchising.com/careers/fitting-our-profile/

    Any ideas?

    Thanks in advance.

    http://wordpress.org/extend/plugins/contact-form-7/

Viewing 2 replies - 1 through 2 (of 2 total)
  • cruxwireweb

    (@cruxwireweb)

    11 years, 4 months ago

    Did you ever find the answer to this? I’m having this problem too, although only in IE9 (haven’t tested other IE versions yet.)

    Ted

    (@teddemans)

    11 years, 3 months ago

    I had the same problem using the theme TheStyle. It turned out the theme’s stylesheet and the plugin didn’t play nicely together.

    I found the following line in the style.css of TheStyle’s theme:

    input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #fff; }

    As you can see the color of text in the textarea is white (#fff). If the background is also white the text “disappears” and (in my case) returns if you click on the textarea, because that makes the textarea active, which is a differen’t style.
    I changed color to #000 and now the text doesn’t disappear.

    Maybe your problem with the plugin has a similar cause.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Plugin: Contact Form 7] Input fields disappear when typing’ is closed to new replies.