css - 删除默认焦点轮廓并更改为不同的颜色

Question

这个问题在这里已经有了答案:





How to remove outline in bootstrap 4

(14 个回答)



Change the blue outglow on input (checkboxes) (bootstrap 4)

(2 个回答)


4年前关闭。




我想从我的联系人框中删除蓝色轮廓(颜色与我页面上的其他颜色发生冲突)。我尝试了一些关于 SO 问题的建议，但无济于事，但在 Chrome 和 Firefox 上得到了相同的结果。

这是我尝试过的:

input:focus, button:focus, textarea:focus, textarea:focus, input:active, button:active, textarea:active, input:active, input, textarea, button {
  outline-style: none !important;
  outline: none !important;
  outline: 0 !important;
  border: 1px solid #17a2b8; /* Turquoise color */
}

结果:

Answer 1

这是一个 box-shadow应用于焦点的样式。



添加此代码以将其删除:

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

您可以添加 !important取决于您的 CSS 顺序: