tap后的背景高亮,要重設(shè)這個表現(xiàn),則需要設(shè)置-webkit-tap-highlight-color為所需色彩,直接透明吧:
手機瀏覽器上按鈕、圖片、文本框點擊進去時的陰影,加上下面的CSS樣式就可以解決了。
a,img,button,input,textarea{
-webkit-tap-highlight-color:rgba(255,255,255,0);
}
那么PC端點擊的時候出現(xiàn)藍色邊框或者黃色邊框呢?這個是outline在作怪:
input{
outline:none;
}
補充:如何去掉textarea,input的默認樣式(iOS上的圓角及內(nèi)陰影等,Android未測試):
input,textarea{
-webkit-appearance:none;
}