Swiper运用在苹果移动端的变暗bug修复_swiper苹果有黑边-CSDN博客

本文链接：https://blog.csdn.net/erdfty/article/details/82907064

有时候我们在手机端制作全屏滑动的时候可以用到swiper这个插件，插件好用是好用，但是有的时候就会出现一些小bug，比如运用swipper之后苹果手机打开点击或者长按的时候就会变暗，这个时候我们需要用到一些属性控制他就可以使他不会变暗了，一下为css控制的代码：

* {
    outline: none;
    webkit-focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

解释一下：

1、webkit-focus-ring-color是聚焦环颜色

2、-webkit-tap-highlight-color 是一个不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。

当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时，覆盖显示的高亮颜色。

该属性可以只设置透明度。如果未设置透明度，iOS Safari使用默认的透明度。当透明度设为0，则会禁用此属性；当透明度设为1，元素在点击时不可见。

3、-webkit-touch-callout 是一个不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。

当你触摸并按住触摸目标时候，禁止或显示系统默认菜单。在iOS上，当你触摸并按住触摸的目标，比如一个链接，Safari浏览器将显示链接有关的系统默认菜单。这个属性可以让你禁用系统默认菜单。