blue background for submitbutton

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

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

    1634198661 6167e48532cdd Screenshot 10

    Page URL: https://form.jotform.com/212803557014348
  • Gaetan_B
    Replied on October 14, 2021 at 4: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

  • rosang1
    Replied on October 14, 2021 at 4:53 AM

    Sorry it's still there:

    1634201581 6167efed07ec7 Screenshot 10

  • Ashwin JotForm Support
    Replied on October 14, 2021 at 5: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.

  • rosang1
    Replied on October 14, 2021 at 6:18 AM

    No it just the light blue color around the button

    1634206731 6168040be1f01 Screenshot 10

  • Patrick_R
    Replied on October 14, 2021 at 7: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!