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

Question

我正在尝试使用bootstrap 3删除文本输入字段的顶部,右侧和左侧边框.我的选择器是:

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

}

它仍然显示(铬合金)一条细线.

我不知道怎么让鬼线消失

Answer 1

您确实从左上角和右上角删除了边框.你看到那个"幽灵线",它是插入的阴影.你也可以删除它

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

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

如果你想在用户"聚焦"该字段时将其删除

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