html - 如何重新设计或删除按钮(聚焦)的内边框

Question

在下图中，您可以看到“>”符号周围有一个虚线的“内部”边框，表示该按钮已获得焦点。 (我还在按钮周围添加了一个蓝色边框)

在我构建这些按钮的代码中，我正在做:

setTimeout(function() {
  nextBtn.focus();
}, 100);

我当前的 CSS 是:

.TutorialBtn {
  border: none;
}

.TutorialBtn:hover:enabled {
  background: #5BE3F5;
}

.TutorialBtn:focus {
  border: 2px solid blue;
}

我的问题很简单:如何删除或重新设置此内部边框的样式？

Answer 1

input[type="submit"]:focus{outline:none}
input[type="submit"]::-moz-focus-inner{border:none}