Button fade-in effect on hover is not working

  • Profile Image
    Asked on September 11, 2019 at 04:57 AM

    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!

  • Profile Image
    Answered on September 11, 2019 at 07:36 AM

    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;



  • Profile Image
    Answered on September 11, 2019 at 03:21 PM

    thank you! worked perfect!