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() {
}, 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