如何删除Chrome和Safari中的文本框周围的黄色边框

Question

我有一个html页面.虽然我在chrome或Safari中获取页面,但文本框周围有一个黄色边框.

为了删除边框,我添加了

<style type="text/css">
  input{
  outline:none;
}
</style>

边界已经消失.

但是当我在Mac机器(Chrome和Safari)中使用页面时,它仍然存在.任何人都知道如何在Mac中修复它？

Answer 1

:focus {
  outline: 0;
  outline-color: transparent;
  outline-style: none;
}