移动端 去除onclick点击事件出现的背景色框

这个特效是实如今移动端点击某个地方的时候，好比说按钮或者超连接的时候，系统会默认加上一些灰色的背景和一些高亮的效果。可是有的时候咱们并不想要这些效果。而且但愿点击的时候实现神不知鬼不觉的感受，，这个时候就要用到tap-highlight-color了。只须要在点击的元素中加一个css样式便可，以下：

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

这个样式还能够设置点击时候的背景色：例如:

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

则可改变元素被点击时背景框的颜色。

另外还有一个设置选中文字颜色的方法。

一般咱们选中文字时的背景色是蓝色。咱们能够用如下样式去设置网页的选中内容的样式：

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

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

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

若是要去掉选中时的颜色，把background都置为none就好了。

CSS3 修改和去除移动端点击事件出现的背景框