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