如何用css添加一个类？ [重复]

Posted 2021-05-04

这个问题在这里已有答案：

• Toggle class with css not jquery 1回答

我有一个案例，我使用前端框架来美化我的网站。在此框架中，当输入被聚焦时（我的意思是当有人点击输入时），该类被切换。不幸的是，jQuery。而整个问题是我不想使用jQuery。

有没有办法只在CSS中切换类？

<input type="text" name="street">
<label class="active"></label>

单击输入时，应在标签元素中切换“活动”类。谢谢！

编辑：那个话题来自2013'并且不能满足我:( c

答案

您可以为这两种状态编写CSS类，以避免混淆jQuery操作，但仍然具有您期望的外观。

像这样的东西可以成功（CSS）：

label.active, label.active:focus, label.active:focus-within, label:not(.active){
  //Your look and feel
}