How to Change Mouse Hover Color?

  • innOVeet
    Asked on June 27, 2024 at 8:52 AM
    1 final question on this form. Somehow there is a hover on the button. How can I change this hover color? I cannot find where to edit that
  • Angelica JotForm Support
    Replied on June 27, 2024 at 8:55 AM

    Hi Otto,

    I understand what you’d like to do, but I’ll need a bit of time to work out a solution. I’ll get back to you as soon as I can.



  • Angelica JotForm Support
    Replied on June 28, 2024 at 8:28 AM

    Hi Otto,

    I cloned your form and tested it. It's really easy to change the hover color. Let me show you how:

    1. In Form Builder, click on the Wand icon of the Dynamic Drowdown widget.
    2. Select Custom CSS tab.
    3. Copy and paste the code below:
    .select2-results__options li.select2-results__option--highlighted {
      background: red !important;
    }

    How to Change Mouse Hover Color? Image 1 Screenshot 30

    Here's my result:

    How to Change Mouse Hover Color? Image 2 Screenshot 41

    Give it a try and let us know if you need any help.


  • innOVeet
    Replied on June 28, 2024 at 9:15 AM

    Hi, thats not what I mean. I just mean the submit button. There is already a hover on it, but I do not know how I can change the color at hover

  • Arslan JotForm Support
    Replied on June 28, 2024 at 10:45 AM

    Hi Otto,

    If you want to change then color of Submit button, you can do that from Submit button properties. Let me show you how you can change color of submit button:

    • Open your form in Form Builder, click on the Submit button and then click on the Gear icon, located on the right side.
    • In the menu that appears on the right side of the screen, click on Choose Style under Button Style.
    • Select a style you want to choose and that's it.

    How to Change Mouse Hover Color? Image 1 Screenshot 20

    You can also check this guide here on how to customize the submit button with CSS.

    Give it a try and reach out again if you have any other questions.

 
Your Answer