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

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 サイトの他の関連記事を参照してください。