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

  • Profile Image
    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?

  • Profile Image
    Mike_G
    Answered on August 24, 2017 at 02: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:

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

  • Profile Image
    HarshKesh
    Answered on August 24, 2017 at 02: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.

     

    after applying custom css code :

     

     

    Let me know if I can help you further.

  • Profile Image
    Kgr0up
    Answered on August 24, 2017 at 12:59 PM

    this is just what I needed, THANKYOU!!!