删除bootstrap 3上文本输入的边框

Question

我尝试使用bootstrap 3删除文本输入字段的顶部，右侧和左侧边框。我的选择器是：

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

}

它仍然显示（铬合金）一条细线。

我不确定如何让鬼线消失

Answer 1

您确实从左上角和右上角移除了边框。那＆＃34;鬼线＆＃34;你看，它是插入的阴影。您也可以删除它

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

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

如果您想在用户＆＃34;关注＆＃34;时删除它该领域

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

Answer 2

将此内容写入您的css文件。

input {
    border: none;
}

如果无效，请分享您的HTML代码。

Answer 3

如果您的表单使用了标记<fieldset>，请尝试删除其边框：

fieldset {  
  border: 0;
}