移动端优化 && 清除移动端网站点击a标签时闪现的边框或遮罩层（CSS） && 移动端点击 && 文字不可选择...

　   在移动端网站，当你点击加了a标签的文字或图片时，该元素的周围会闪现一个蓝色的边框，在微信上的网站就是如此；而有的浏览器会闪现一个半透明遮罩层，比如移动端的Chrome浏览器，其实这些特效无非就是为了告诉用户已点击了该元素，提升用户体验，但有的时候你会觉得这些特效看起来很别扭，就想着清除它，其实这很简单，只要加上一句CSS就行了。

　　清除所有a标签在点击时出现的特效：

　　a{ -webkit-tap-highlight-color:rgba(255,0,0,0);} 

 

 

　　如果我们希望用户不能复制文字，可以使用下面的属性：

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;

　　这样，设置了该属性的标签中的内容就不可以选择文字了。

转载于:https://www.cnblogs.com/zhuzhenwei918/p/6389459.html