How can I remove white border around input boxes?

  • Profile Image
    nromerops
    Asked on January 31, 2018 at 02: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! 

  • Profile Image
    Sabbir
    Answered on January 31, 2018 at 03: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.

  • Profile Image
    nromerops
    Answered on January 31, 2018 at 03: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? 

  • Profile Image
    Kevin_G
    Answered on January 31, 2018 at 05: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.