html - 前端开发:元素的点击时会产生黑色阴影层,ios设备会,安卓不会有
巴扎黑
巴扎黑 2017-04-18 09:49:33
[iOS讨论组]

前端开发:元素的点击时会产生黑色阴影层,ios设备会,安卓不会有
现在遇到的元素主要是input,前几天遇到一个p也有,这个是为什么?没有mac调试不了
(各种模拟器都没有这个问题)

巴扎黑
巴扎黑

全部回复(3)
PHPz

-webkit-tap-highlight-color 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。
当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时,覆盖显示的高亮颜色。
该属性可以只设置透明度。如果未设置透明度,iOS Safari使用默认的透明度。当透明度设为0,则会禁用此属性;当透明度设为1,元素在点击时不可见。
语法:
-webkit-tap-highlight-color:color
默认值: inherit
适用于:链接元素比如新窗口打开,img元素比如保存图像等等

天蓬老师

outline: none;

PHP中文网
input[type=button]{
    -webkit-appearance:none;
    outline:none
}

可能矫枉过正,但 iOS 下很好用。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号