H5页面,使用cursor: pointer;出现的问题:点击元素时,相邻元素或者自身背景色闪烁.

简介: H5页面,使用cursor: pointer;出现的问题:点击元素时,相邻元素或者自身背景色闪烁.

0e9adba8b2e243768be5d84945255819.png

首先调试. 先将元素上的点击事件去掉.  bug依旧出现. 于是去css中删除当前元素的样式. bug消失. 最后定位到产生问题的css属性:cursor: pointer; 去掉即可.


相关文章
|
9月前
【奇技淫巧】实现flex布局中,单独某个元素挪到右侧、底部,与其他元素排列不同,就像是个另类。(主要是用到margin-left和align-self)
【奇技淫巧】实现flex布局中,单独某个元素挪到右侧、底部,与其他元素排列不同,就像是个另类。(主要是用到margin-left和align-self)
|
前端开发 JavaScript
点击按钮,将奇数列的li背景色设置为红色,偶数列li背景色设置为绿色
点击按钮,将奇数列的li背景色设置为红色,偶数列li背景色设置为绿色
102 0
|
8月前
|
Web App开发 前端开发 JavaScript
如何去掉溢出内容的overflow属性滚动条
如何去掉溢出内容的overflow属性滚动条
365 1
|
前端开发
input框点击时去掉默认的外层边框
input框点击时去掉默认的外层边框
82 0
判断页面滚动条所在位置
判断页面滚动条所在位置
44 0
|
移动开发
操作元素样式
操作元素样式
文本溢出显示省略号,鼠标浮动查看全部内容
文本溢出显示省略号,鼠标浮动查看全部内容
151 0
|
前端开发 JavaScript 中间件
关于浮动元素,你还在自己计算位置吗?来看看 Floating UI 吧!
关于浮动元素,你还在自己计算位置吗?来看看 Floating UI 吧!
331 0
|
前端开发 JavaScript
style样式优先级问题【display:block依旧无法显示DOM元素】
style样式优先级问题【display:block依旧无法显示DOM元素】
style样式优先级问题【display:block依旧无法显示DOM元素】