我知道有一个:焦点选择器。我似乎找不到使用或文档的一个:模糊选择器。有没有一个?
解决方法
CSS中没有:blur伪类。
dynamic pseudo-classes,像其他伪类,事实上所有其他选择器,表示状态;它们不表示根据文档树的状态之间的事件或转换。焦点:焦点伪类表示焦点对准的元素;它不表示刚接收焦点的元素,也不存在:blur伪类来表示刚失去焦点的元素。
类似地,这适用于:hover伪类。虽然它代表一个在其上有一个指针设备的元素,但是对于刚刚被指向的元素,没有一个:mouSEOver伪类,也没有一个刚刚被指向的元素的mouSEOut伪类。
如果您需要将样式应用于未焦点对准的元素,则有两个选择:
>使用:not(:focus)(浏览器支持较少):
input:not(:focus),button:not(:focus) { /* Styles for only form inputs and buttons that do not have focus */ }
>声明适用于任何元素的规则,无论其焦点状态如何,并覆盖具有焦点的元素:
input,button { /* Styles for all form inputs and buttons */ } input:focus,button:focus { /* Styles for only form inputs and buttons that have focus */ }