diff --git a/SteUp.Shared/wwwroot/css/base.css b/SteUp.Shared/wwwroot/css/base.css index 6211265..12dd292 100644 --- a/SteUp.Shared/wwwroot/css/base.css +++ b/SteUp.Shared/wwwroot/css/base.css @@ -228,7 +228,18 @@ h1, h2, h3, h4, h5, h6, p { outline: none; } -:focus-visible { +/* L'anello segna un comando raggiunto da tastiera. Va messo sui controlli, non + su qualunque elemento che il motore decida di mettere a fuoco: la WebView + sposta il fuoco anche su contenitori non interattivi (per esempio la testata, + dopo la chiusura di un dialog) e li' l'anello indica un bersaglio che non + esiste. */ +a:focus-visible, +button:focus-visible, +input:focus-visible, +select:focus-visible, +textarea:focus-visible, +[role="button"]:focus-visible, +[tabindex]:not([tabindex="-1"]):focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; border-radius: var(--radius-compact);