iOS safari giriş kareti rengi

Question

iPhone cihazda Safari ile küçük bir CSS sorunum var. Benim arama giriş mavidir ve kullanıcı üzerinde odaklanır, şapka karakterinin hemen hemen görünmez:

tüm masaüstü tarayıcılarda

, hatta masaüstü Safari Doğru rengi (beyaz) vardır. Bunu düzeltmek ve iOS cihazında düzeltme rengini değiştirmek için herhangi bir fikriniz var mı?

Girdi stilleri: Bu gibi kullanılabilir bu caret-color denilen bir W3C specification vardır

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>

O var Android'de de Chrome tarafından currently supported (), Firefox ve Opera. Belki iyi haber: Safari, teknoloji önizleme sürümü ile de destekleniyor gibi görünüyor, bu yüzden belki de iOS Safari takip edecek.