Direkt zum Inhalt springen
CSS-Tricks
  • Artikel
  • Notizen
  • Links
  • Anleitungen
  • Almanach
  • Zufall
Suche

Artikel mit Schlagwort
user-select

4 Artikel
{
,

}
Direkter Link zum Artikel Wann ist es OK, die Textauswahl zu deaktivieren?
::selection user-select

Wann ist es OK, die Textauswahl zu deaktivieren?

Mit CSS ist es möglich, zu verhindern, dass Benutzer Text innerhalb eines Elements auswählen können, indem user-select: none verwendet wird. Es ist verständlich, warum dies als „kontrovers“ angesehen werden könnte. Ich meine, *sollten* wir Standardbenutzerverhalten deaktivieren? Generell nein, wir …

Avatar of Daniel Schwarz
Daniel Schwarz am 15. Sep 2022
Direkter Link zum Artikel: Einmal klicken, alles auswählen; nochmal klicken, normal auswählen
user-select

Einmal klicken, alles auswählen; nochmal klicken, normal auswählen

Ein echter CSS-Trick von Will Boyd!

  1. Erzwinge die Auswahl des gesamten Inhalts eines Elements beim Anklicken mit user-select: all;
  2. Wenn du ein zweites Mal klickst, lass den Benutzer wie gewohnt nur Teile des Textes auswählen.
  3. Zweitens
…
Avatar of Chris Coyier
Chris Coyier am 29. Apr. 2020
Direkter Link zum Artikel: Alle auswählen
Text auswählen user-select

Alle auswählen

Ich vermute, es ist nicht sehr bekannt, dass CSS steuern kann, wie Text ausgewählt wird. Du kannst user-select: none; verwenden, um zu verhindern, dass bestimmter Text ausgewählt wird. Das ist wahrscheinlich generell kein besonders gutes UX, aber vielleicht verwendest du einige ...

Avatar of Chris Coyier
Chris Coyier am 3. Jan 2020
Direkter Link zum Artikel: Textblockauswahl erzwingen
Text auswählen user-select

Textblockauswahl erzwingen

Hast du schon einmal Text in ein <textarea></textarea> oder <input /> Feld eingefügt (oder dich selbst hineinversetzt), nicht weil es Teil eines Formulars war, sondern weil es den gesamten Textblock leichter auswählbar machte? Solche Eingaben haben ...

Avatar of Chris Coyier
Chris Coyier am 11. August 2016

CSS-Tricks wird unterstützt von DigitalOcean.

Bleiben Sie auf dem Laufenden über Web-Entwicklung

mit unserem handverlesenen Newsletter

DigitalOcean
  • Über DO
  • Cloudways
  • Rechtliches
  • Holen Sie sich kostenloses Guthaben!
CSS-Tricks
  • Schreiben Sie für uns!
  • Werben Sie bei uns
  • Kontaktieren Sie uns
Soziales
  • RSS-Feeds
  • CodePen
  • Mastodon
  • X
Nach oben

© .