Lesefortschritt:

Text- und Hintergrund-Farbe eines markierten Textblocks anpassen

23. Februar 2025 | CSS-Stylesheet, Word­Press

Trick # 432 | Dieser Beitrag beinhaltet 501 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.

Texte auf Websites lassen sich markieren. Der Inhalt der Markierung kann dann z.B. kopiert und woanders eingefügt werden. Den Hintergrund und die Textfarbe der Markierung können Sie steuern. Hier ein einfacher Trick, wie das geht.

Wenn auf der Website ein Text markiert wird, erhält der entsprechende Block standardmässig einen hellblauen Hintergrund und der Inhalt wird in weiss dargestellt. So wie nebenan:

Diese Farbgebung lässt sich aber leicht verändern und dem Design Ihrer Website anpassen. Dazu benötigen Sie den folgenden CSS-Code, den Sie in das CSS-Stylesheet Ihrer Website (im Backend unter Design/Customizer/Zusätzliches CSS) einfügen können:

::-moz-selection {
    background: #59B14B;
    color:#293280;
}

::selection {
    background: #59B14B;
    color:#293280;
}

In unserem Fall zeigt sich danach der markierte Block so:

Die Text- und Hintergrund-Farben in den Zeilen 2, 3, 7 und 8 können Sie natürlich nach Gutdünken anpassen.

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.