How do I remove the rollover border and change the text colour to white on this submit button?

  • vtiportal
    Asked on August 27, 2017 at 9:27 PM

    For the mouseover, I'd like to remove the border and change the text to white. See attached.

    Jotform Thread 1233719 Screenshot
  • John_Benson
    Replied on August 28, 2017 at 12:26 AM

    To remove the border and change the text to white in the mouseover, please add this custom CSS code to your form: 

    .form-submit-button:hover { 

        border: 0px !important; 

        color: white !important; 

    Please follow this guide on how to add custom CSS code to your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Here's the result:

    How do I remove the rollover border and change the text colour to white on this submit button? Image 1 Screenshot 20

  • vtiportal
    Replied on August 28, 2017 at 10:25 AM

    It only works in the working form. Does not work in preview or live mode. The black border and black text is still there.

    https://www.jotform.com/build/72367531463256#preview

  • BJoanna
    Replied on August 28, 2017 at 11:35 AM

    To remove the black border and text add this CSS code to your form:

    button#input_2 {

        border: none!important;

        color: white!important;

    }

    How to Inject Custom CSS Codes

    Here is my demo form: https://form.jotformpro.com/72394520818965 

    Feel free to test it and clone it.

  • vtiportal
    Replied on August 28, 2017 at 11:54 AM

    Works now, thank you.