How can I remove white border around input boxes?

  • nromerops
    Asked on January 31, 2018 at 2:35 PM

    Hello, I'm trying to make a very basic form. But I can't seem to remove a white haze or bevel that appears around each input box. I've set everything to transparent and changed the input text box color, but there is still this faint white border around each input field. How can I remove?


    Thank you! 

    Jotform Thread 1368582 Screenshot
  • Sabbir
    Replied on January 31, 2018 at 3:42 PM

    You can try injecting following CSS in your Form Designer:

    .form-textbox, .form-textarea

    {

      border-style: none;

    }

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Let us know if you have any further query.

  • nromerops
    Replied on January 31, 2018 at 3:54 PM

    Unfortunately, I tried this and it's still occuring. 

    It almost looks like a bevel or shadow. The css doesn't seem to register a border when I look at the developer code.


    Anything else I can try? 

  • Kevin Support Team Lead
    Replied on January 31, 2018 at 5:16 PM

    Please make sure that you have entered the code at the very end of the current one, you may also test with this one:

    .form-textbox, .form-textarea, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input{

    box-shadow: 0px 0px 0px transparent !important;

    }

    Here's an example about how it will work: https://form.jotform.com/80307022180947 

    I hope this helps.