Solved

How to remove rectangular border from input field?

  • 22 June 2020
  • 2 replies
  • 196 views

Badge +1

8225iE254FC95B0564BAF.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!

icon

Best answer by nico 22 June 2020, 17:11

View original

2 replies

Userlevel 4
Badge +10

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;
}

 

Badge +1
Thanks SO much!

Reply