How can I remove white border around input boxes?

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! 

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.

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? 

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.