更改属性后面的伪元素::的样式

时间:2016-05-12 22:06:25

标签: javascript html css

我正在创建一个简单的工具提示系统,您可以在其中将属性附加到元素: class Human {...} class Bicycle { Human owner; public Bicycle(Human owner) { this.owner = owner; } public Human findOwner() { return owner; } }

(ps我正在使用sass)

造型:

<div data-tooltip-content="testing out tooltip.">

这些工具提示用于显示卡片上的信息。当用户点击它们时,这些卡片将被展开和折叠。但是当我现在在javascript中为点击的卡片做 content: attr(data-tooltip-content) color: white background: black padding: 5px position: absolute white-space: nowrap border-radius: .20rem margin-top: -2rem z-index: 14000 !important pointer-events: none 时。然后工具提示被重叠,因为工具提示的z-index已在javascript中被覆盖,这导致工具提示被具有更高z-index的其他事物重叠。那么有一种方法可以改变javascript中工具提示的样式

1 个答案:

答案 0 :(得分:1)

您无法定位和操纵伪元素,因为它实际上并不存在于DOM中。

但是你可以用javascript注入一个样式块。这可能就是诀窍。