ホームページ > ウェブフロントエンド > CSSチュートリアル > モバイル端末上でタグをクリックした際にタグの背景色をキャンセルするCSSの解析例

モバイル端末上でタグをクリックした際にタグの背景色をキャンセルするCSSの解析例

黄舟
リリース: 2017-08-04 10:31:48
オリジナル
2214 人が閲覧しました

1.モバイル端末でaタグをクリックしたときの青色を解除します

-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;
  
ログイン後にコピー

2.aタグのクリックボタンとして画像を使用する場合、タッチスタートがトリガーされると、背景が灰色になることがよくあります

a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}
ログイン後にコピー


3. 選択したコンテンツの背景色を変更します

::selection { 
    background: #FFF; 
    color: #333; 
} 
::-moz-selection { 
    background: #FFF; 
    color: #333; 
} 
::-webkit-selection { 
    background: #FFF; 
    color: #333; 
}
ログイン後にコピー

4. iOS入力ボックスをクリックしたときに灰色の背景を削除します

-webkit-tap-highlight-color:rgba(0,0,0,0);
ログイン後にコピー

以上がモバイル端末上でタグをクリックした際にタグの背景色をキャンセルするCSSの解析例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート