无法删除焦点上的蓝色高亮镀铬

Question

当您单击搜索时，会出现蓝色轮廓，由于某种原因，CSS 会忽略我应用的这些设置：

input:focus {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  outline-style: none !important;
  box-shadow: none !important;
  outline-color: transparent !important;
  outline-style: none !important;
  border:none !important;
  border-color: transparent !important;
}

Answer 1

添加此CSS

.help-center .hc-search-form:focus-within{
   border: 0 none;
   box-shadow: none;
}

Answer 2

您可以使用

outline: none; on focus

如何删除文本/输入框周围的焦点边框（轮廓）？ （镀铬）

对于使用键盘导航的人要小心，它很有用

Answer 3

将此添加到您的代码中：

* { outline: none !important; }

Answer 4

<style>input:focus-visible {border: black solid 1px !important; box-shadow: 0px 0px 0px 0.1px inset !important;}</style>