时间戳

首页 > 解决方案 > 使 css :hover 样式不会消失

css - 使 css :hover 样式不会消失

问题描述

因此，我正在寻找一种在单击元素时引入一些新 CSS 的方法，然后将其保留下来。这真的是我无法工作的最后一部分。

到目前为止，这是我的代码：

HTML

<body>
    <p>Click me</p>
</body>

CSS

#elmt:active{
   background-color: lightgreen;
}

所以我希望背景颜色在您第一次单击时保持浅绿色#elmt，而不是在释放鼠标时返回默认颜色。

这甚至可能吗？

标签： css

解决方案

你不能只用 css 做到这一点

//get your element 
document.getElementById("#elmt").addEventListener("click", (e)>{
// get the other element 
document.getElementById("#theOtherName").style.backgroundColor = "lightgreen";
})

推荐阅读