CSS caret-color — колір курсора в полі вводу

CSS властивість caret-color задає колір текстового курсора — тієї миготливої рисочки в полі вводу.

правити

Загальний опис

Дрібниця, яку помічають лише в темній темі: на темному тлі чорна каретка стає невидимою. Один рядок — і проблема зникає.

правити

+ додати пораду чи нотатку

Синтаксис

caret-color: auto | <color>;

Властивість caret-color може отримувати 2 значень:

auto

Зазвичай currentColor.

автор: NagarD

правити

color

Будь-яке значення кольору CSS.

автор: NagarD

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
caret-color	57+	53+	11.1+	44+	79+	-

Підтримка: мобільні переглядачі

Переглядач
caret-color	57+	yes	yes	11.3+

Приклади

+ запропонувати свій приклад у пісочниці

<input type="text" placeholder="Введіть текст">

input {
    background: #14170f;
    color: #fff;
    caret-color: #9dcb4e;
}