欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

CSS 属性-webkit-tap-highlight-color的理解

程序员文章站 2022-05-04 08:01:58
...
1.-webkit-tap-highlight-color
这个属性只用于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;

参考资料:

以上就是CSS 属性-webkit-tap-highlight-color的理解的详细内容,更多请关注其它相关文章!