Skip to main content
Nintex Community Menu Bar
Answer

How to remove rectangular border from input field?

  • June 22, 2020
  • 2 replies
  • 2101 views
N
Forum|alt.badge.img+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!

Best answer by nico

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

 

    2 replies

    nico
    Forum|alt.badge.img+10
    • nico
    • Rookie
    • Answer
    • June 22, 2020

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

     

    N
    Forum|alt.badge.img+1
    Thanks SO much!
    Sidebar Buttons
    Nintex Community Home Contact Nintex Support Email Nintex Community Check Nintex Status
    Terms & ConditionsCookie SettingsAccessibility statement