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

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM