iOS safari入力キャレットの色

Question

iPhoneデバイスでSafariに小さなCSSの問題があります。マイ検索入力は青であり、ユーザがそれに焦点を当てたときに、キャレットはほとんど見えないです：

すべてのデスクトップブラウザで

、それも、デスクトップのSafari上で、右の色（白）を持っています。これを修正してiOSデバイスでキャレットの色を変更するにはどうすればよいですか？

入力スタイル：このように使用することができ、これはcaret-colorと呼ばれるためのW3C specificationあり

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; 
    } 
} 

Answer 1

：

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>

イッツAndroid上でも、クロムによってcurrently supported（ ）、FirefoxとOpera。たぶん良いニュース：Safariは技術プレビュー版でもサポートしているようだから、おそらくiOS Safariが続くだろう。