在引导程序 3 上删除文本输入的边框答案

【问题标题】：Remove borders for text input on bootstrap 3在引导程序 3 上删除文本输入的边框
【发布时间】：2023-03-16 06:07:01
【问题描述】：

我正在尝试使用引导程序 3 删除文本输入字段的顶部、右侧和左侧边框。我的选择器是：

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

}

它仍然显示（在 chrome 中）一条细线。

我不知道如何让那条幽灵线消失

【问题讨论】：

【解决方案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;
}

【讨论】：

【解决方案2】：

将其写入您的 css 文件中。

input {
    border: none;
}

如果它不起作用，请分享您的 html 代码。

【讨论】：

【解决方案3】：

如果您的表单使用标签<fieldset>，请尝试删除它们的边框：

fieldset {  
  border: 0;
}

【讨论】：