Title: CSS hover submit button
Last modified: August 30, 2016

---

# CSS hover submit button

 *  Resolved [sibokker](https://wordpress.org/support/users/sibokker/)
 * (@sibokker)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-hover-submit-button/)
 * Hi,
 * I want to have a specific style for the submit button so I have added the class‘
   verzenden’ to the code: `[submit class:verzenden "Verzenden"]`
 * In the css I added the following:
 *     ```
       .verzenden {
       	background: #f2a035;
       }
       ```
   
 * Now, when I hover on the button it disappears…
    What can I do about the style
   of the class to show the button when hovering?
 * [https://wordpress.org/plugins/contact-form-7/](https://wordpress.org/plugins/contact-form-7/)

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-hover-submit-button/#post-6875868)
 * Please include a link to your Contact Form 7 form so we can examine your form
   in detail using Firebug or Chrome Dev Tools to understand the CSS used for your
   CF7 form elements.
 *  Thread Starter [sibokker](https://wordpress.org/support/users/sibokker/)
 * (@sibokker)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-hover-submit-button/#post-6875882)
 * [http://www.sterhippique.be/test3/team/](http://www.sterhippique.be/test3/team/)
 * Thanks!
 *  Thread Starter [sibokker](https://wordpress.org/support/users/sibokker/)
 * (@sibokker)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-hover-submit-button/#post-6876005)
 * Anyone who can help?
 *  Anonymous User 14733231
 * (@anonymized-14733231)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-hover-submit-button/#post-6876006)
 * Hello can you try to add css for stop dissappear…
 * .verzenden a:hover{background-color:#yourcolorcode !important;}
 *  Thread Starter [sibokker](https://wordpress.org/support/users/sibokker/)
 * (@sibokker)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-hover-submit-button/#post-6876010)
 * I have tried .verzenden a:hover{background-color:#yourcolorcode !important;} 
   but it does not seem to work. I have tried .verzenden:hover{background-color:#
   yourcolorcode !important;} instead and this is the right code!
 * Thanks a lot for the support!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘CSS hover submit button’ is closed to new replies.

 * ![](https://ps.w.org/contact-form-7/assets/icon.svg?rev=2339255)
 * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7/reviews/)

 * 5 replies
 * 3 participants
 * Last reply from: [sibokker](https://wordpress.org/support/users/sibokker/)
 * Last activity: [10 years, 5 months ago](https://wordpress.org/support/topic/css-hover-submit-button/#post-6876010)
 * Status: resolved