Cant remove Border from text box

https://eu.jotform.com/build/80912785897374

I would have created random number coupon code for you Facebook site:

Ideally the code would look like this:

FACEBOOK124L

I got close with only googling CSS guides, so now it looks like this:

FACEBOOK

124L

But the random number generator box still has that nasty border, I cannot find a way to remove it!

I have already tried this and several other CSS tricks you have posted to others, to no avail..

form-all {
border: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}

EDIT: I found in advanved CSS editor, that the exact field in question is: .custom-field-frame.custom-field-frame-rendered.frame-ready

I tried to apply "border-style: none;" to it, but it still doesnt work. I also tried to break it to its three logical parts and applying the rule individually, still no use.

Please try to inject the custom css to the widgets css section:

#valueContainer {

  border: none !important;

  box-shadow: none !important;

}

We will gladly assist if you need more help.

Thank you! It worked!