Safariのオートコンプリートは、私はこのようなSafariのオートコンプリートによって破壊自分のサイト上のフォーム持っている入力フォーム

Question

破壊されています

を私はオートコンプリートを無効にしようとしたが、影響はありません。 は、ここに私のfirst_name HTML入力です：

<div class="form-group" _v-3d7f6581=""> 
    <label class="control-label" _v-3d7f6581="">First Name*</label> 
    <input name="first_name" type="text" class="form-control" required="" autocomplete="off" _v-3d7f6581=""> 
    <small class="help-block" _v-3d7f6581="" style="display: none;"></small> 
</div> 

CSS：

.form-group input[type=text], 
.form-group input[type=password], 
.form-group input[type=number], 
.form-group input[type=email], 
.form-group select, 
.form-group textarea { 
    display: block; 
    width: 100%; 
} 

誰もがこの問題を解決するためのソリューションを持っていますか？

Answer 1

自動完成入力のCSSは、webkitを使用して直接編集できます！これを使用する際は、プラットフォーム間の互換性を確認してください。この問題は、Safari固有の問題です。あなたはそれをあなたの利点に使用し、Safariに変更を適用するだけで有益です。

input:-webkit-autofill { 
    text-size: 0.8em; 
} 

CSS識別子、クラスなどを文字列にして、すべての入力に同じ設定を適用できます。

ウェブキットを使用して自動補完フォームを編集する方法の詳細については、checkout this article here！