在向右/向左单击时删除元素的边框

Question

我有一个input type="submit"，当我点击它（右键或左键）时，我想在此元素周围不存在蓝色边框。

我在下面的Chrome浏览器中添加了 确定模式 和 不正常模式 的图片：

OK模式图片类似于：

并且不正常模式图片类似于：

我应该说这个问题在Firefox浏览器中也存在，但这些额外边框的样式是点缀的。

我尝试了很多方法来使用CSS来解决这个问题：

在border:none;的默认模式和border-width:0;模式以及:hover模式下设置:focus或input，但它无法修复且仍然存在。< / p>

我也读过一些关于它的文章，如this，但它不起作用，不适合我。

任何高级帮助都会很棒。

Answer 1

你需要设置 outline: none;

input[type="submit"]{
  background: #0075E9;
  border-radius: 50px;
  padding: 15px 30px;
  color: #FFD400;
  outline: none;
  font-weight: bold;
}

<input type="submit" value="Go to the next step"/>