blue background for submitbutton

  • Profile Image
    rosang1
    Asked on October 14, 2021 at 04:04 AM

    in error state a blue background for the submit button comes up. Could you tell me how i remove it?

    1634198661_6167e48532cdd_

  • Profile Image
    Gaetan_B
    Answered on October 14, 2021 at 04:28 AM

    Hello,

    Thank you for reaching out.


    You can add the following CSS to your form:


    .submit-button {
    border-color: none;
    }
    .form-pagebreak-back:focus, .form-pagebreak-next:focus, .form-submit-button:focus {
    border-color: none;
    }


    Best regards

  • Profile Image
    rosang1
    Answered on October 14, 2021 at 04:53 AM

    Sorry it's still there:

    1634201581_6167efed07ec7_

  • Profile Image
    ashwin_d
    Answered on October 14, 2021 at 05:37 AM

    Please inject the following custom CSS code in your form and that should solve your problem:

    .form-all .form-submit-button, .form-all .form-pagebreak-back, .form-all .form-pagebreak-next {

      box-shadow: none !important;

      text-shadow: none !important;

      border-color: transparent !important;

    }

    The following guide should help you how to inject custom CSS code in form: https://www.jotform.com/help/117-how-to-inject-custom-css-codes/

    Hope this helps.

    Do get back to us if you need any other changes.

  • Profile Image
    rosang1
    Answered on October 14, 2021 at 06:18 AM

    No it just the light blue color around the button

    1634206731_6168040be1f01_

  • Profile Image
    Patrick_R
    Answered on October 14, 2021 at 07:00 AM

    Hi there,

    Please use the following CSS code to remove this light blue background:

    li#id_2.form-line.form-line-active{
     background-color: transparent !important;
    }

    Make sure that you place this code at the end of your existing CSS code. You can check the working here: https://form.jotform.com/212863080224954?jumpToPage=6

    In case you come across any issues, let us know.

    Thank you!