取消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);

轉自:

https://www.cnblogs.com/karila/p/6276861.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章