Removing text input boundaries at boot 3

Question

I am trying to remove the top, right and left borders for text input fields using bootstrap 3. My selector:

input[type="text"] {
border-top: 0;
border-right: 0;
border-left: 0;

}

He still shows (in chrome) a small thin line.

I'm not sure how to make this ghost line disappear

Answer 1

You have deleted the border left and right. This “ghost line” that you see is the shadow of the insert. You can also delete it.

input[type="text"] {
     border-top: 0;
     border-right: 0;
     border-left: 0;

     -webkit-box-shadow: none;
     box-shadow: none;
}

and if you want to remove this when the user "focuses" the field

input[type="text"]:focus {
     -webkit-box-shadow: none;
     box-shadow: none;
}

Answer 2

Write this to your css file.

input {
    border: none;
}

If it doesn't work, share your html code.

Answer 3

<fieldset>, :

fieldset {  
  border: 0;
}