關於css取消a標籤在行動端點擊時背景顏色的實例分析

一、取消a標籤在行動端點擊時的藍色

-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;
　　

二、使用圖片作為a標籤的點擊按鈕時，當觸發touchstart的時候，往往會有一個灰色的背景

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;
}

　　
三、改變選取內容的背景顏色

::selection { 
    background: #FFF; 
    color: #333; 
} 
::-moz-selection { 
    background: #FFF; 
    color: #333; 
} 
::-webkit-selection { 
    background: #FFF; 
    color: #333; 
}

　　四、移除ios input框點擊時的灰色背景

-webkit-tap-highlight-color:rgba(0,0,0,0);

以上是關於css取消a標籤在行動端點擊時背景顏色的實例分析的詳細內容。更多資訊請關注PHP中文網其他相關文章！