ホームページ  >  記事  >  ウェブフロントエンド  >  CSS Safari ブラウザのリンクをクリックして色を grey-webkit-tap-highlight-color_html/css_WEB-ITnose にキャンセルします

CSS Safari ブラウザのリンクをクリックして色を grey-webkit-tap-highlight-color_html/css_WEB-ITnose にキャンセルします

WBOY
WBOYオリジナル
2016-06-21 08:47:101345ブラウズ

クリック可能な要素にコードを追加します:

-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 スマートフォンもサポートされていますはい、表示効果のみが異なります。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。