Button fade-in effect on hover is not working

I tried a code and it gave the text on my "Submit" and "Clear Form" button a fade-in effect on hover. But I wanted the color to fade-in, not the text.

Basically, my buttons should start out black with a white outline and white text. When I hover, it should fade-in to white with black text. 

Help please!

Please try adding the following CSS code to your JotForm to change the background and text colors of the buttons.

.form-submit-button:hover, .form-submit-reset:hover, .form-submit-print:hover {

    background: #fff !important;

    color: #000000 !important;

}

Thanks!

thank you! worked perfect!