解决ios出现图片阴影问题

最新推荐文章于 2019-07-24 17:09:19 发布

qq_16570607

最新推荐文章于 2019-07-24 17:09:19 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

文章标签： css3

本文链接：https://blog.youkuaiyun.com/qq_16570607/article/details/80941605

本文介绍了解决iOS设备上图片显示出现阴影的问题方法。通过调整CSS样式，包括使用-webkit-box-sizing、-webkit-tap-highlight-color及-webkit-touch-callout等属性来优化用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

解决ios出现图片阴影问题

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

*:not(input,textarea) { 
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
}

属性解析

-webkit-tap-highlight-color：当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时，覆盖显示的高亮颜色。
-webkit-touch-callout：当你触摸并按住触摸目标时候，禁止或显示系统默认菜单。在iOS上，当你触摸并按住触摸的目标，比如一个链接，Safari浏览器将显示链接有关的系统默认菜单。这个属性可以让你禁用系统默认菜单。
user-select：none:文本不能被选择