扫码关注官方订阅号
前端开发:元素的点击时会产生黑色阴影层,ios设备会,安卓不会有现在遇到的元素主要是input,前几天遇到一个p也有,这个是为什么?没有mac调试不了(各种模拟器都没有这个问题)
-webkit-tap-highlight-color 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时,覆盖显示的高亮颜色。该属性可以只设置透明度。如果未设置透明度,iOS Safari使用默认的透明度。当透明度设为0,则会禁用此属性;当透明度设为1,元素在点击时不可见。语法:-webkit-tap-highlight-color:color默认值: inherit适用于:链接元素比如新窗口打开,img元素比如保存图像等等
outline: none;
input[type=button]{ -webkit-appearance:none; outline:none }
可能矫枉过正,但 iOS 下很好用。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
-webkit-tap-highlight-color 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。
当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时,覆盖显示的高亮颜色。
该属性可以只设置透明度。如果未设置透明度,iOS Safari使用默认的透明度。当透明度设为0,则会禁用此属性;当透明度设为1,元素在点击时不可见。
语法:
-webkit-tap-highlight-color:color
默认值: inherit
适用于:链接元素比如新窗口打开,img元素比如保存图像等等
outline: none;
可能矫枉过正,但 iOS 下很好用。