diff --git a/web/src/style.css b/web/src/style.css index 5c100c5..0a8285b 100644 --- a/web/src/style.css +++ b/web/src/style.css @@ -34,6 +34,16 @@ box-sizing: border-box; } +/* No browser focus ring on form controls -- the border colour change is + highlight enough (components with more elaborate focus styles, e.g. + .card-row__text, override this with their own higher-specificity rule). */ +input:focus, +textarea:focus, +select:focus { + outline: none; + border-color: var(--accent); +} + body { margin: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;