CSS свойство caret-color

❮ Назад Вперед ❯

Свойство caret-color определяет цвет указателя (курсора) вставки. Это вертикальная линия, которая по умолчанию имеет черный цвет. Свойство дает возможность выбрать для курсора любой цвет.

Значение по умолчанию	auto
Применяется	Ко всем элементам.
Наследуется	Да
Анимируемое	Нет
Версия	CSS3
DOM синтаксис	object.style.caretColor = "#1c87c9";

Синтаксис

caret-color: auto | color;

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style>
      .caret-example1 {
      caret-color: transparent;
      }
      .caret-example2 {
      caret-color: #1c87c9 ;
      }
    </style>
  </head>
  <body>
    <h2>Пример свойства caret-color</h2>
    <input value="Цвет курсора по умолчанию"><br><br>
    <input class="caret-example1" value="Прозрачный цвет курсора"><br><br>
    <input class="caret-example2" value="Определенный цвет курсора">
  </body>
</html>

Попробуйте сами!

Значения

Значение	Описание
auto	Устанавливает текущий цвет текста. Значение по умолчанию.
color	Устанавливает цвет указателя.
initial	Устанавливает свойство в значение по умолчанию.
inherit	Значение элемента наследуется от родительского элемента.