Warna caret - Trik CSS

Anonim

The caret-colorproperti di CSS mengubah warna kursor (tanda sisipan) di input, texareas, atau benar-benar ada unsur yang dapat diedit, seperti:

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

Warna tanda sisipan umumnya cocok colordengan teks, tetapi properti ini memungkinkan Anda mengubahnya secara mandiri.

Memalsukannya

Sebelum ini ada, ada metode untuk memalsukannya yang melibatkan memaksa teks menjadi transparan (jika didukung melalui -webkit-text-fill-color) dan membuat teks muncul kembali, diwarnai, melalui text-shadow.

Dukungan Browser

Data dukungan browser ini berasal dari Caniuse, yang lebih detail. Angka menunjukkan bahwa browser mendukung fitur pada versi tersebut dan yang lebih baru.

Desktop

Chrome Firefox YAITU Tepi Safari
57 53 Tidak 79 11.1

Ponsel / Tablet

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

Properti terkait

Almanak pada 27 Januari 2021

tanda sisipan

.element ( caret: #ff7a18 underscore; )warna caret membentuk Geoff Graham