cancel
Showing results for 
Search instead for 
Did you mean: 
Highlighted
Nintex Newbie

How to remove rectangular border from input field?

Jump to solution

Screen Shot 2020-06-22 at 12.35.14.png

Hello, 

I've been trying to remove this blue rectangular border for a while now. I have tried everything like:

.nf-section {

border: none;

}

input {

border: 0!important;

}

I have even tried removing it from the Advanced Settings of the control > Border. I tried changing the color as well as the size, but nothing works. 

 

If the border:none; CSS is applied, it removes the inner blue border that you can see on the image attached to this post. Nevertheless, I have no problem with the inner border. I want to get rid of the outer rectangular border. 

 

Anyone has any idea how I can do that?

Thanks!

Labels: (1)
0 Kudos
Reply
2 Replies
Highlighted
Nintex Newbie

Re: How to remove rectangular border from input field?

Jump to solution

It's not the "border" property. It's "outline"

 

Try this css : 

input:focus{
        outline: none;
}

 

And if you want on all the forms controls : 

input:focus, textarea:focus, select:focus{
        outline: none;
}

 

View solution in original post

0 Kudos
Reply
Highlighted
Nintex Newbie

Re: How to remove rectangular border from input field?

Jump to solution
Thanks SO much!
0 Kudos
Reply