caret-color Özelliği

caret-color özelliği, metin girilirken input içinde görünen metin imlecinin rengini belirler. Özellik iki değer alabilir: auto (varsayılan) ve kullanıcı tarafından seçilen bir renk.

Sözdizimi

cssseçici {
  caret-color: auto veya renk;
}

Örnek

Varsayılan metin imleci rengini belirleyelim:

html<input>
cssinput {
  padding: 5px;
  caret-color: auto;
}

Результат:

Örnek

Şimdi ise metin imlecini mavi renge boyayalım:

html<input>
cssinput {
  padding: 5px;
  caret-color: blue;
}

Результат:

Ayrıca Bakınız

  • tam ekran modundaki öğelere stil veren :fullscreen sözde sınıfı,
  • belirsiz durumdaki anahtarlara stil veren :indeterminate sözde sınıfı,
  • odaktaki öğelere stil veren :focus-within sözde sınıfı,