在下图中,您可以看到“>”符号周围有一个虚线的“内部”边框,表示该按钮已获得焦点。 (我还在按钮周围添加了一个蓝色边框)
在我构建这些按钮的代码中,我正在做:
setTimeout(function() {
nextBtn.focus();
}, 100);
我当前的 CSS 是:
.TutorialBtn {
border: none;
}
.TutorialBtn:hover:enabled {
background: #5BE3F5;
}
.TutorialBtn:focus {
border: 2px solid blue;
}
我的问题很简单:如何删除或重新设置此内部边框的样式?
最佳答案
input[type="submit"]:focus{outline:none}
input[type="submit"]::-moz-focus-inner{border:none}
关于html - 如何重新设计或删除按钮(聚焦)的内边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46348602/