html - 右键/左键单击时摆脱元素的边框

Question

我有一个 input 的 type="submit" 并且我希望当我点击(右键或左键点击)它时这个元素周围没有蓝色边框。

我在下面的chrome浏览器中添加了OK模式和not OK模式的图片:

OK模式图片类似:

与Not OK模式图片类似:

应该说这个问题在火狐浏览器中也存在，但是那个额外边框的样式是虚线的。

我尝试了很多方法来使用 CSS 来解决这个问题，例如:

设置 border:none; 或 border-width:0; 默认模式和 :hover 模式和 :focus 模式的 input 但它没有修复并且仍然存在。

我也读了一些关于它的文章，比如 this但它还没有用，也不适合我。

任何高级帮助都会很棒。

Answer 1

你需要设置大纲:无；

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"/>