Skip to content

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

Closed
@powerlau

Description

问题描述
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

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions