Uni H5平台下在 Safari 浏览器中点击元素周边会出现透明区域

[powerlau]

问题描述
Uni H5平台下在 Safari 浏览器中点击元素周边会出现透明区域，Android下没有此问题。
尝试在App.vue 增加一下样式也不起作用
* { -webkit-tap-highlight-color: rgba(0,0,0,0); }

复现步骤
新建一个uni-app项目，修改pages/index/index.vue 为如下代码

`


<view @click="click">
{{title}}

<script> export default { data() { return { title: 'Hello' } }, methods: { click() { console.log('click') } } } </script>`

预期结果*
当点击view触发click事件的时候不会出现透明区域

实际结果
当点击view触发click事件的时候出现了透明区域
我尝试在App.vue增加样式
* { -webkit-tap-highlight-color: rgba(0,0,0,0); }
发现依然不起作用，点击的时候仍然出现了透明区域，除非是在index.vue下增加同样代码才有效果。也就是说在App.vue 设置的样式没有起到作用。

系统信息:

• 发行平台:H5
• uni-app版本:最新版本
• 设备信息 iphone 6/ iphone 6 plus

[powerlau]

实验证明在App.vue设定的全局样式在safari浏览器当中不起作用，而在Android浏览器以及chrome 开发者工具预览都是没问题的。