Remove focus outline on tabs

2026-01-30 19:13:51 +08:00
parent 183032aa90
commit e8c7667c37
1 changed files with 22 additions and 1 deletions
--- a/front/src/index.css
+++ b/front/src/index.css
@@ -51,7 +51,28 @@ button:hover {
 }
 button:focus,
 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) {