I have a mailchimp sign up button on my website.
I use their html to embed it in a widget.
Apparantly, it's impossible to use inline css for hover.
After some searching, I tried some inline java (onmouseover).
<input type="submit" value="Zo mis ik niks :-)" style="background:#f48136; box-shadow: none; border: none; border-radius: 9px; color: white; text-align: center; font-family: Ubuntu; font-style: inherit; font-size: inherit; text-decoration: none; padding: .5em 1em .5em;" name="subscribe" id="mc-embedded-subscribe" class="button" onmouseover="this.style.background=#db7330" onmouseout="this.style.background=#f48136">
But that doesn't work.
Now I tried all kinds of things to add to the style.css but nothing works.
My experiments included:
input#mc-embedded-subscribe.button:hover{color: #db7330!important;}
mc_embed_signup
button:hover,
input[type="button"],
input[type="reset"],
input[type="submit"] {color: #db7330!important;}
I think the problem is that I just can't find the right stylename to call up.
url: bosmancommunicatie.nl