Change button hover color - Forms 2.0

[Benjamin_Ortiz1]

Anyone know how to change the hover button color in Forms 2.0?

[Anonymous]

Worked!

[Anonymous]

Delinda - Thanks for this!!!!

[Hiram_Cruz]

It works !  Thanks Delinda 😉 

[Delinda_Tinkey1 · Accepted solution]

Putting this CSS in the form 2.0 editor worked for me:

<style type="text/css">

a.button a:hover{
     background: #f47920 !important;
}

button:hover {
    background:#f47920 !important;
}

</style>

[Tom_Kerlin2]

Hi Delinda,

I'm trying to change the color of my form button so that color changes when my cursor hovers over it, and I tried using this code but no luck - Does this code still work for you?

Let me know,

Tom

[Anonymous]

This one worked for me:

/* BUTTON HOVER */

.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {

  background:#c35e63 !important;

}

[Delinda_Tinkey1]

We don't use it anymore, but doing a quick test it did not work for me anymore either. I see no difference in the color when I hover. If I recall it used to default to black or something unpleasant, so no hover color is at least better!

[Hiram_Cruz]

Still haven't figured this out....

[Anonymous]

Anyone figure this out? 

[Anonymous]

Looking at the source code, the hover color is controlled via an inline style in the form itself. If you set the hover color in the CSS, it's just going to over-ride it with the inline style.

[Hiram_Cruz]

still no luck  : / 

[Anonymous]

Has anyone had any luck with this?

[Benjamin_Ortiz1]

No luck here

[Hiram_Cruz]

Has not worked for me

[Anonymous]

Has this actually worked for anyone? I tried to no avail.

[Anonymous]

Just edit the form css. Using something similar to: 

a.button a:hover{
     background: #383;
}