要保持单击元素后的活动CSS样式,您可以使用JavaScript和CSS来实现这个功能。以下是一个简单的示例:
active-button
:
.active-button.clicked {
background-color: blue;
color: white;
}
在这个例子中,当按钮被单击时,它的背景颜色将变为蓝色,文本颜色将变为白色。
clicked
类添加到按钮元素中,并在再次单击时将其删除:const buttons = document.querySelectorAll('.active-button');
buttons.forEach(button => {
button.addEventListener('click', () => {
button.classList.toggle('clicked');
});
});
现在,当您单击具有active-button
类的按钮时,它将保持活动的CSS样式。
这个示例使用了JavaScript和CSS来实现保持单击元素后的活动CSS样式。您可以根据需要修改这些代码,以适应您的项目需求。
领取专属 10元无门槛券
手把手带您无忧上云