Spectre: Remove outline of clicked and focused `button` and `a`

[keltik85]

Whenever I click something I get a "light-red" box around that element (mostly a and button).

Screenshots:

I have tried putting this into my scss file, but it does not work:

*:visited {outline:none !important}
*:link {outline:none !important}
*:focus {outline:none !important}
*:disabled {outline:none !important}
*:hover {outline:none !important}
*:active {outline:none !important}
button {
    &:visited, &:link,  &:focus, &:disabled, &:hover, &:active {
           outline:none !important
    }
}
a {
    &:visited, &:link,  &:focus, &:disabled, &:hover, &:active {
            outline:none !important
    }
}

[Vectrex]

That's because the border is actually a box-shadow; a box-shadow: unset in your custom stylesheet should remove the "border" (I only tried it with Firefox's Developer Tools).

[keltik85]

thanks for your quick response, writing it this way did work:

button {
        box-shadow: unset;
    &:visited, &:link,  &:focus, &:disabled, &:hover, &:active {
                box-shadow: unset;
    }
}