Web: nur Tabelleninhalte markierbar, Titel/UI nicht (kein Text-Caret mehr)

cursor:default nimmt nur den Maus-I-Beam weg; bei markierbarem Text poppt beim
Klick auf einen Titel trotzdem ein blinkendes Caret auf. Jetzt: user-select:none
auf body, wieder markierbar nur .table td, Eingabefelder, textarea, code/pre und
.selectable. So bleiben Artikel-/Markennamen aus Tabellen kopierbar, Titel/Labels
zeigen kein Caret/I-Beam mehr.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-07-31 11:10:56 +02:00
parent 749848360b
commit ade3c86747

View File

@@ -58,6 +58,15 @@ a[href], select, summary,
input[type="checkbox"], input[type="radio"], input[type="file"], input[type="checkbox"], input[type="radio"], input[type="file"],
.checklist label, .check-inline, .enforce-toggle { cursor: pointer; } .checklist label, .check-inline, .enforce-toggle { cursor: pointer; }
/* Reiner UI-Text (Titel, Labels, Bedienelemente) lässt sich nicht markieren beim
Klicken poppt dort sonst ein blinkendes Text-Caret auf, das wie ein Eingabefeld
wirkt. Inhalte, die man wirklich kopieren will, bleiben markierbar: Tabellen-
zellen, Eingabefelder und Code/Token (sowie alles mit .selectable). */
body { -webkit-user-select: none; user-select: none; }
.table td, input, textarea, [contenteditable="true"], code, pre, .selectable {
-webkit-user-select: text; user-select: text;
}
a { color: var(--accent); text-decoration: none; } a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; } a:hover { text-decoration: underline; }