Подтвердить что ты не робот

Цвет сафари для iOS

У меня небольшая проблема с CSS с Safari на устройстве iPhone. Мой вход для поиска синий, и когда пользователь фокусируется на нем, карет почти невидим:

Caret

Во всех настольных браузерах он имеет правильный цвет (белый), даже на рабочем столе Safari. Любая идея, как исправить это и изменить цвет каретки на устройстве iOS?

Стили ввода:

input {
  background-color: $stateBlue;
  height: $navbarItemHeight;
  padding: 0 10px;
  vertical-align: bottom;
  color: $white;
  border-radius: $borderRadius;
  font-size: 1.1666666667em; // 16px
  -moz-appearance:none;
  -webkit-appearance:none;

  &::-webkit-input-placeholder {
    text-shadow: none;
    -webkit-text-fill-color: initial;
  }
}
4b9b3361

Ответ 1

Существует спецификация W3C для этого, называемая caret-color, которую можно использовать следующим образом:

input[type="text"].custom {
  caret-color: red;
}
<div>
  <label>default caret:</label>
  <input type="text"/>
</div>
<div>
  <label>custom red caret:</label>
  <input type="text" class="custom"/>
</div>