iOS safari input caret color : <p>I have a small CSS issue with Safari on iPhone device. My search input is blue and when user focuses on it, caret is almost invisible:</p>

<p><a href="https://i.stack.imgur.com/7cBaT.png" rel="noreferrer"><img src="https://i.stack.imgur.com/7cBaT.png" alt="Caret"></a></p>

<p>In all desktop browsers, it has right color (white), even on desktop Safari. Any idea how to fix this and change caret color on iOS device?</p>

<p>Input styles:</p>

<pre><code>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;

  &amp;::-webkit-input-placeholder {
    text-shadow: none;
    -webkit-text-fill-color: initial;
  }
}
</code></pre>
