移動端 去除onclick點擊事件出現的背景色框

這個特效是實如今移動端點擊某個地方的時候,好比說按鈕或者超連接的時候,系統會默認加上一些灰色的背景和一些高亮的效果。可是有的時候咱們並不想要這些效果。而且但願點擊的時候實現神不知鬼不覺的感受,,這個時候就要用到tap-highlight-color了。只須要在點擊的元素中加一個css樣式便可,以下:css

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

這個樣式還能夠設置點擊時候的背景色:例如:事件

-webkit-tap-highlight-color: rgba(240,240,240,0.7);it

則可改變元素被點擊時背景框的顏色。io

另外還有一個設置選中文字顏色的方法。select

一般咱們選中文字時的背景色是藍色。咱們能夠用如下樣式去設置網頁的選中內容的樣式:webkit

::selection { background:#FFF; color:#333; }方法

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

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

若是要去掉選中時的顏色,把background都置爲none就好了。

CSS3 修改和去除移動端點擊事件出現的背景框

相關文章
相關標籤/搜索