Caret-Farbe - CSS-Tricks

Inhaltsverzeichnis

Die caret-colorEigenschaft in CSS ändert die Farbe des Cursors (Caret) in Eingaben, Texareas oder wirklich jedem Element, das bearbeitet werden kann, wie z.

input, textarea, (contenteditable) ( caret-color: red; )

Die Farbe des Carets stimmt im Allgemeinen mit der colordes Textes überein. Mit dieser Eigenschaft können Sie diese jedoch unabhängig voneinander ändern.

Es fälschen

Bevor dies existierte, gab es eine Methode, um es zu fälschen, indem der Text zur Transparenz gezwungen wurde (wo dies über unterstützt wurde -webkit-text-fill-color) und der Text wieder farbig angezeigt wurde text-shadow.

Browser-Unterstützung

Diese Browser-Unterstützungsdaten stammen von Caniuse, das detaillierter ist. Eine Zahl gibt an, dass der Browser die Funktion ab dieser Version unterstützt.

Desktop

Chrom Feuerfuchs IE Kante Safari
57 53 Nein 79 11.1

Handy / Tablet

Android Chrome Android Firefox Android iOS Safari
88 85 81 11.3-11.4

Verwandte Eigenschaften

Almanach am 27. Januar 2021

Caret

.element ( caret: #ff7a18 underscore; )Caret-Farbe bildet Geoff Graham

Interessante Beiträge...