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.