Javascript 清除Android浏览器上的伪元素

我在触摸/点击时向div添加一个暗影（作为before元素），并在效果完成后将其移除

第一次点击看起来不错，但在随后的点击中，效果变得越来越暗（直到完全变黑）

这就好像有多个层次的前的

到目前为止，我找到的唯一解决方案是将div的display属性设置为“display:block”，但这需要我做一些布局返工。还有其他建议吗

这是我用来设置突出显示的类

.myDivCls:before
{
background-repeat: no-repeat;
background-size: 100% 100%;
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
opacity: .3;
background-color: rgb(0,0,0);
}

而她是移除它的人：

.noEffectCls:before {
content: '';
background-color: transparent;
background-image: none;
position: static;
border-radius: 0;
background-size: auto auto;
background-repeat: repeat;
background-position: 0% 0%;
-webkit-background-size: auto auto;
}

---

谢谢

您是否尝试过在.noEffectCls:before元素上使用背景速记属性并将其设置为透明？

您是否尝试过

显示：内联块

？谢谢@GionaF。我试图避免必须更改显示属性。当前设置为table，其中的任何更改都意味着我必须重新构建CSS