CSS 属性-webkit-tap-highlight-color的理解
2017-06-08 11:16
721 查看
1.-webkit-tap-highlight-color
这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。要重设这个表现,你可以设置-webkit-tap-highlight-color为任何颜色。
想要禁用这个高亮,设置颜色的alpha值为0即可。
示例:设置高亮色为50%透明的红色:
浏览器支持: 只有iOS(iPhone和iPad)。
2.-webkit-text-size-adjust
有些字体大小的Safari浏览器上呈现较大(iPhone)
参考资料:http://stackoverflow.com/questions/3226001/some-font-sizes-rendered-larger-on-safari-iphone
这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。要重设这个表现,你可以设置-webkit-tap-highlight-color为任何颜色。
想要禁用这个高亮,设置颜色的alpha值为0即可。
示例:设置高亮色为50%透明的红色:
-webkit-tap-highlight-color: rgba(255,0,0,0.5);
浏览器支持: 只有iOS(iPhone和iPad)。
2.-webkit-text-size-adjust
有些字体大小的Safari浏览器上呈现较大(iPhone)
示例:-webkit-text-size-adjust: none;
参考资料:http://stackoverflow.com/questions/3226001/some-font-sizes-rendered-larger-on-safari-iphone
相关文章推荐
- CSS3 鲜为人知的属性-webkit-tap-highlight-color的理解
- CSS3 鲜为人知的属性-webkit-tap-highlight-color的理解
- CSS3 鲜为人知的属性-webkit-tap-highlight-color的理解
- CSS3 鲜为人知的属性-webkit-tap-highlight-color的理解
- safari上的鼠标点击hover css属性-webkit-tap-highlight-color
- 浅谈 -webkit-tap-highlight-color 属性
- -webkit-tap-highlight-color 属性
- 【CSS】-webkit-tap-highlight-color
- css3 三个属性:-webkit-tap-highlight-color,-webkit-touch-callout,-webkit-user-select
- 说说 -webkit-tap-highlight-color 属性
- CSS -webkit-tap-highlight-color 手机端点击时的背景色设置
- -webkit-tap-highlight-color
- 点击出现黑色背景的解决:-webkit-tap-highlight-color:rgba(0,0,0,0)
- 有效的PhoneGap CSS: WebKit Tap Highlight Color
- -webkit-tap-highlight-color 学习
- -webkit-tap-highlight-color
- -webkit-tap-highlight-color
- -webkit-tap-highlight-color
- CSS3 改变空格作用 -webkit-nbsp-mode 去掉点击框 -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选中高亮显示