Bootstrap 4 在Bootstrap 4中的输入字段内单击时,如何删除/更改边框?

Bootstrap 4 在Bootstrap 4中的输入字段内单击时,如何删除/更改边框?,bootstrap-4,Bootstrap 4,我用过这个,但没用 input[type="email"], input[type="password"], textarea, select { outline: none; } 这些样式禁用蓝色: 如果在所有字段中使用具有表单控件类(引导方式)的表单,我们可以为焦点事件覆盖以下内容: form.form控件:焦点{ 边框颜色:#ced4da; 盒影:无; } 电子邮件地址 示例选择 1. 2. 3. 4. 5. 示例多重选择 1. 2. 3. 4. 5. 示例文本区域 使用下面

我用过这个,但没用

input[type="email"],
input[type="password"],
textarea,
select {
    outline: none;
}

这些样式禁用蓝色:

如果在所有字段中使用具有
表单控件
类(引导方式)的表单,我们可以为焦点事件覆盖以下内容:

form.form控件:焦点{
边框颜色:#ced4da;
盒影:无;
}

电子邮件地址
示例选择
1.
2.
3.
4.
5.
示例多重选择
1.
2.
3.
4.
5.
示例文本区域

使用下面的CSS删除引导程序3和4中的轮廓。这将删除包含
表单控件
类的所有
输入
字段的大纲。如果要将其应用于特定的
输入
字段,请使用其
id
而不是
表单控件

.form-control:focus{
    border-color:#CCC;
    outline:0;
    -webkit-box-shadow:none;
    box-shadow:none;
}
用这个-

 .form-control:focus{
        box-shadow: none;
    }

你是指输入的边框还是输入获得焦点时的虚线?是的。当你点击一个输入框时,默认情况下它会给你一个蓝色的轮廓。它在普通css中很容易删除,但在引导中却无法删除