Lesefortschritt:

So ändern Sie die Farbe der Cursor-Textmarkierung im Divi-Theme

26. Mai 2024 | CSS-Stylesheet, Divi-Theme

Trick # 347 | Dieser Beitrag beinhaltet 368 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.

Lust auf die etwas anderen Farben? Mit diesem kurzen Snippet können Sie die Farbe der Cursor-Hervorhebung auf Ihrer Divi-Website nach Belieben ändern.

Wenn Sie Texte auf einer Website mit dem Mauszeiger markieren, erscheint die Stelle in den Standardfarben des Browsers. Etwa so:

Sie können aber auch festlegen, dass die Markierungsfarbe besser zu Ihrer Website passt. Das sieht dann so aus wie in diesem Beispiel:

Das geht mit ein klein wenig CSS-Code. Fügen Sie ihn in das CSS-Stylesheet Ihrer Website ein. Das können Sie im Backend unter Design/Customizer/Zusätzliches CSS tun:

::-moz-selection {
  color: #ffffff;
  background: #293280;
}
::selection {
  color: #ffffff;
  background: #293280;
}

Das war’s auch schon. Die Farben können Sie natürlich auf den Zeilen 2,3, 6 und 7 selber festlegen.

Den Effekt können Sie in diesem Beitrag live ausprobieren.

Werbung

Keine Inhalte gefunden.

Werbung

 

Pin It on Pinterest

Share This
Überblick über den Datenschutz

Diese Website verwendet Cookies, damit wir Ihnen die bestmögliche Benutzererfahrung bieten können. Cookie-Informationen werden in Ihrem Browser gespeichert und dienen dazu, Sie wiederzuerkennen, wenn Sie auf unsere Website zurückkehren, und unserem Team zu helfen, zu verstehen, welche Bereiche der Website Sie am interessantesten und nützlichsten finden.