Remove hover effect from submit button

  • Profile Image
    Asked on April 09, 2016 at 07:36 AM

    Hi there 

    The submit button on this form is dark blue with white text. However when I hover over it with the mouse, the colour changes and the text is unreadable. How do I remove this affect? I don't want the look of the button to change at all when the mouse hovers over the button. Thank you.

  • Profile Image
    Answered on April 09, 2016 at 09:00 AM


    I noticed that you have used CSS injection to design your submit button. Since it changes the background on hover, you can try adding another CSS code like this:

    .form-submit-button:hover {
       background : #1c3664;    

    Note on the :hover selector. This will remove the hover changing-color on your button. Feel free to further change the code. 

    If you have questions or if you need further clarification, please do let us know.


  • Profile Image
    Answered on April 09, 2016 at 05:26 PM

    Awesome, thanks so much. Problem solved.

  • Profile Image
    Answered on April 09, 2016 at 11:13 PM

    On behalf of my colleague, you are welcome. Glad to hear that your problem is solved now.