ホームページ > 記事 > ウェブフロントエンド > CSS Safari ブラウザのリンクをクリックして色を grey-webkit-tap-highlight-color_html/css_WEB-ITnose にキャンセルします
クリック可能な要素にコードを追加します:
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color は、サポートされていない WebKit プロパティであり、CSS 仕様ドラフトには含まれていません。
この属性の目的は、ユーザーが iOS Safari ブラウザーのリンク、または JavaScript のクリック可能な要素をクリックしたときに表示されるハイライト色をオーバーライドすることです。
この属性は透明度のみを設定できます。透明度が設定されていない場合、iOS Safari はデフォルトの透明度を使用します。透明度が 0 に設定されている場合、この属性は無効になります。クリックすると表示されます。
構文:
-webkit-tap-highlight-color: color
デフォルト値:inherit
適用対象: 新しいウィンドウを開くなどのリンク要素、画像の保存などの img 要素。
値:
color: カラー値
transparent: 透明値
* CSS3 の新しい属性には、説明 エラーと変更は参照用であり、継続的に更新されます
互換性:
iOS 1.1.1 以降の Safari ブラウザが利用可能
ほとんどの Android スマートフォンもサポートされていますはい、表示効果のみが異なります。