Is there a way to change the color of the button on hover?

  • Kgr0up
    Asked on August 24, 2017 at 12:15 AM

    Is there a way to change the color of the button when the person hovers over it?

  • Mike_G JotForm Support
    Replied on August 24, 2017 at 2:46 AM

    Yes, there is a way to change the color of the button upon hover using CSS codes. For example, if you want to change the submit button's color on hover, you can inject the CSS codes below to your form following this guide — How-to-Inject-Custom-CSS-Codes

    .form-submit-button:hover {

        background: lightgreen !important;

    }

    Result:

    Is there a way to change the color of the button on hover? Image 1 Screenshot 20

    If you have other questions, please feel free to contact us again anytime.

  • HarshKesh
    Replied on August 24, 2017 at 2:54 AM

    Yes,

    Please find class of button on which you want to apply this effect.

    And add custom css code as under :

     

    .form-submit-button:hover {

        background-image : none !important;

        background-color : #ff00ff !important;

    }

     

    ".form-submit-button" is class of button in my form. You can simply find your button's class by right clicking on button (on form) and clicking "inspect element".

     

    here's guide to inject custom css code :

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

     

     

    Here's screenshot of my form. I've tried the same.

    Is there a way to change the color of the button on hover? Image 1 Screenshot 30

     

    after applying custom css code :

    Is there a way to change the color of the button on hover? Image 2 Screenshot 41

     

     

    Let me know if I can help you further.

  • Kgr0up
    Replied on August 24, 2017 at 12:59 PM

    this is just what I needed, THANKYOU!!!