CSS 属性-webkit-tap-highlight-color的理解
程序员文章站
2022-05-02 20:12:50
...
1.-webkit-tap-highlight-color
这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。要重设这个表现,你可以设置-webkit-tap-highlight-color为任何颜色。
想要禁用这个高亮,设置颜色的alpha值为0即可。
示例:设置高亮色为50%透明的红色:
这个属性只用于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的理解的详细内容,更多请关注其它相关文章!