diff --git a/web/src/styles.css b/web/src/styles.css index 6b401e1..c410670 100644 --- a/web/src/styles.css +++ b/web/src/styles.css @@ -40,8 +40,24 @@ body { font-size: 14.5px; line-height: 1.5; -webkit-font-smoothing: antialiased; + /* Pfeil als Standard – sonst zeigt der Browser über jedem Text den Text-Cursor + (I-Beam), und alles sieht aus wie ein Eingabefeld. cursor wird vererbt. */ + cursor: default; } +/* Text-Cursor nur dort, wo man wirklich tippt. */ +textarea, +[contenteditable="true"], +input:where([type="text"], [type="number"], [type="search"], [type="email"], + [type="password"], [type="url"], [type="tel"]), +input:not([type]) { cursor: text; } + +/* Hand für klar Klickbares, das noch keine eigene Regel hat (Buttons, Sortier- + Header, Kacheln, Menüoptionen, klickbare Zeilen bringen sie schon selbst mit). */ +a[href], select, summary, +input[type="checkbox"], input[type="radio"], input[type="file"], +.checklist label, .check-inline, .enforce-toggle { cursor: pointer; } + a { color: var(--accent); text-decoration: none; } a:hover { text-decoration: underline; }