Remove focus outline on tabs
This commit is contained in:
@@ -51,7 +51,28 @@ button:hover {
|
|||||||
}
|
}
|
||||||
button:focus,
|
button:focus,
|
||||||
button:focus-visible {
|
button:focus-visible {
|
||||||
outline: 4px auto -webkit-focus-ring-color;
|
outline: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
*:focus,
|
||||||
|
*:focus-visible {
|
||||||
|
outline: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
*:focus-visible::after {
|
||||||
|
outline: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fui-Tab:focus,
|
||||||
|
.fui-Tab:focus-visible,
|
||||||
|
.fui-Tab::after,
|
||||||
|
.fui-Tab::before,
|
||||||
|
.fui-Tab:focus-visible::after {
|
||||||
|
outline: none !important;
|
||||||
|
box-shadow: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
@media (prefers-color-scheme: light) {
|
||||||
|
|||||||
Reference in New Issue
Block a user