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

Question

我使用CSS属性从谷歌浏览器中删除黄色轮廓，但仍然没有结果，它总是在那里，我尝试了我找到的所有选项，例如:

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;}