【CSS】-webkit-tap-highlight-color
2017-07-16 18:57
381 查看
-webkit-tap-highlight-color是一个没有标准化的属性,能够设置点击链接的时候出现的高亮颜色。显示给用户的高光是他们成功点击的标识,以及暗示了他们点击的元素。
(移动端)有事件监听的元素被点击的时候会被高亮显示,表现为一个蓝框加上半透明的背景。要重设这个表现,你可以设置-webkit-tap-highlight-color为任何颜色。想要禁用这个高亮,设置颜色的alpha值为0即可。
该属性可以只设置透明度,如果未设置透明度,会使用默认的透明度。当透明度设为0,则会禁用此属性;当透明度设为1,元素在点击时不可见。
示例:设置高亮为50%透明的红色:-webkit-tap-highlight-color:rgba(255,0,0,0.5);
禁用颜色的实例:
-webkit-tap-highlight-color: rgba(0,0,0,0); 或
-webkit-tap-highlight-color: transparent; /* For some Androids */
相关文章推荐
- CSS 属性-webkit-tap-highlight-color的理解
- CSS -webkit-tap-highlight-color 手机端点击时的背景色设置
- 有效的PhoneGap CSS: WebKit Tap Highlight Color
- -webkit-tap-highlight-color -webkit-touch-callout
- -webkit-tap-highlight-color
- CSS3 鲜为人知的属性-webkit-tap-highlight-color的理解
- CSS3 鲜为人知的属性-webkit-tap-highlight-color的理解
- 关于-webkit-tap-highlight-color的一些事儿
- -webkit-tap-highlight-color
- -webkit-tap-highlight-color 学习
- 浅谈 -webkit-tap-highlight-color 属性
- 说说 -webkit-tap-highlight-color 属性
- 点击出现黑色背景的解决:-webkit-tap-highlight-color:rgba(0,0,0,0)
- css3中的-webkit-tap-highlight-color
- -webkit-tap-highlight-color处理元素点击默认高亮
- css3 三个属性:-webkit-tap-highlight-color,-webkit-touch-callout,-webkit-user-select
- -webkit-tap-highlight-color 属性
- a:focus,input:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only;} a选中高亮显示
- -webkit-tap-highlight-color
- -webkit-tap-highlight-color