caret-color хусусияти

caret-color хусусияти инпутга матн киритиш вақтида кўринадиган матн курсорининг рангни белгилайди. Хусусият икки қийматни қабул қилиши мумкин: auto (сустки холда) ва истеъмолчи томонидан танланган ранг.

Синтаксис

cssселектор {
  caret-color: auto ёки ранг;
}

Мисол

Келинг, матн курсорининг сустки рангни белгилаймиз:

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

Результат:

Мисол

Энди эса матн курсорининг рангни кўк рангга ўзгартирамиз:

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

Результат:

Шунингдек қаранг

  • :fullscreen псевдокласси,
    бутун экран режимидаги элементлар учун услубни белгилайди
  • :indeterminate псевдокласси,
    аниқланмаган аҳволидаги ўзгартиргичлар учун услубни белгилайди
  • :focus-within псевдокласси,
    фокустаги элементлар учун услубни белгилайди