ControlAltDel ControlAltDel - 25 days ago 5
HTML Question

How to restyle or remove button (focused) inner border

In the picture below, you can see that there is a dashed "inner" border around the ">" symbol, indicating that the button is focused. (I have also added a blue border around the button)

In my code where I am constructing these buttons I am doing:

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


My current CSS is:

.TutorialBtn {
border: none;
}

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

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


My question is simply: How can I remove or restyle this inner border?

enter image description here

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