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

Question

我想从我的联系人框中删除蓝色轮廓（颜色与我页面上的其他颜色发生冲突）。我尝试了一些关于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;
}

您可以根据CSS订单添加!important：