设置这个,页面默认的 元素点击后的边效果 为0,
- html * { outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
webkit 内核的字体大小不自动适配。
最后一个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。要重设这个表现,你可以设置-webkit-tap-highlight-color为任何颜色。想要禁用这个高亮,设置颜色的alpha值为0即可。
设置高亮为半透明的红色
- -webkit-tap-highlight-color: rgba(255,0,0,0.5);
浏览器只支持:iOS(iPhone和iPad)
文章点评