css - 无法删除谷歌浏览器黄色轮廓

Question

我使用 css 属性从 google chrome 中删除了黄色轮廓，但仍然没有结果，它总是存在，我尝试了我发现的所有其他选项，例如:

input[type="text"]:focus {outline:none;}

input:focus {outline:none;}

input[type="text"]:focus {outline-style:none;box-shadow:none;border-color:transparent;}

Answer 1

尝试添加(!重要)

   input[type="text"] .btn:focus {
   outline-color: transparent !important;
   }

   input:focus {outline:none !important;}

   input[type="text"]:focus {outline-style:none;box-shadow:none;border-color:transparent !important;}