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

Question

在下图中，您可以看到“>”符号周围有虚线"inner"边框，表示该按钮已获得焦点。 （我还在按钮周围添加了蓝色边框）

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

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