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

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

0e9adba8b2e243768be5d84945255819.png

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


相关文章
|
前端开发 JavaScript
点击按钮,将奇数列的li背景色设置为红色,偶数列li背景色设置为绿色
点击按钮,将奇数列的li背景色设置为红色,偶数列li背景色设置为绿色
|
7月前
el-table 取消鼠标移入时变色
el-table 取消鼠标移入时变色
104 0
|
JavaScript
checkbox选中和取消,控制dom元素颜色变化
checkbox选中和取消,控制dom元素颜色变化
66 0
select下拉框默认option为灰色,选中option颜色为白色
select下拉框默认option为灰色,选中option颜色为白色
163 0
|
前端开发
input框点击时去掉默认的外层边框
input框点击时去掉默认的外层边框
74 0
textarea光标初始位置没有在最左上角的问题
textarea光标初始位置没有在最左上角的问题
设置按钮背景为透明去掉button按钮左右两边的留白
设置按钮背景为透明去掉button按钮左右两边的留白
|
前端开发 JavaScript 中间件
关于浮动元素,你还在自己计算位置吗?来看看 Floating UI 吧!
关于浮动元素,你还在自己计算位置吗?来看看 Floating UI 吧!
311 0
布局之悬浮显示更多文本并增加箭头指示效果
布局之悬浮显示更多文本并增加箭头指示效果
135 0
布局之悬浮显示更多文本并增加箭头指示效果