WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
Input fields disappear when typing (3 posts)

  1. Rich D
    Member
    Posted 2 years 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/

  2. cruxwireweb
    Member
    Posted 1 year 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.)

  3. Ted
    Member
    Posted 1 year 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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic