移动端优化 && 清除移动端网站点击a标签时闪现的边框或遮罩层(CSS) && 移动端点击 && 文字不可选择
2017-02-11 17:30
435 查看
在移动端网站,当你点击加了a标签的文字或图片时,该元素的周围会闪现一个蓝色的边框,在微信上的网站就是如此;而有的浏览器会闪现一个半透明遮罩层,比如移动端的Chrome浏览器,其实这些特效无非就是为了告诉用户已点击了该元素,提升用户体验,但有的时候你会觉得这些特效看起来很别扭,就想着清除它,其实这很简单,只要加上一句CSS就行了。
清除所有a标签在点击时出现的特效:
a{ -webkit-tap-highlight-color:rgba(255,0,0,0);}
如果我们希望用户不能复制文字,可以使用下面的属性:
这样,设置了该属性的标签中的内容就不可以选择文字了。
清除所有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;
这样,设置了该属性的标签中的内容就不可以选择文字了。
相关文章推荐
- 清除移动端网站点击a标签时闪现的边框或遮罩层(CSS)
- 清除移动端网站点击a标签时闪现的边框或遮罩层(CSS)
- css清除a标签点击后虚线边框问题
- <div>标签(css与html写在一起 style type=“text/css”)
- 使用DIV+CSS布局网页后,容器内的文字不可选择的解决方案
- text-decoration <del> <s> 实现横线从文字中间穿过的CSS效果属性和html标签
- Android UI 优化 使用<include/>和 <merge />标签
- <table>标签下的边框设置
- <css 十三> 关于选择器selector(2)
- 移动端页面点击a标签会有半透明的阴影或红色边框的bug
- 谈谈Asp.net网站优化二:关于 服务器控件 和 客户端控件(html标签)的选择
- <div+css页面布局课堂笔记>9---页面布局网站首页设计实例__1
- <web前端>当背景图片为渐变色图片时,为避免浏览器大小问题,可以选择使用<CSS>实现渐变色,教程如下
- <a>标签的点击事件
- Android UI 优化 使用<include/>和 <merge />标签
- <!DOCTYPE> 标签的深度剖析以及使用选择
- 让文本框内容不可编辑,如果type="file",那么只能通过点击浏览来改变,不能通过输入文字改变
- <a>标签点击实现下载文件功能
- css相关,鼠标点击<input>输入域后出现有颜色的边框
- <div+css页面布局课堂笔记>11---页面布局网站首页设计实例__终极版(仿csdn首页)