如何重新设置或删除按钮（聚焦）内边框

Question

在下图中，您可以看到“＆gt;”周围有一个虚线“内部”边框符号，表示按钮已聚焦。 （我还在按钮周围添加了蓝色边框）

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

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}  

Answer 2

您可以设置大纲属性：

outline: none;

参考。 https://www.w3schools.com/css/css_outline.asp