84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
我需要仅使用 css 更改鼠标单击时图像的 src 喜欢
img:active { }
您可以使用元素替换功能content 属性来实现此目的。
content
请注意,您无法使用此技术设置任何 ARIA 或其他与辅助功能相关的功能,因此您传达的信息可能会丢失给部分用户群。 (这可能是非法的,具体取决于该信息是什么、您是谁以及您所处的控制权/向哪个控制权销售)。
您可能希望设置tabindex或将图像包装在按钮中以使其可以通过键盘/等进行访问。
tabindex
另请注意,:active 表示“单击时”而不是“单击后”。 CSS 没有“点击后”伪类(尽管 :focus 在某些情况下就足够了)。
:active
:focus
img:active { content: url(http://placekitten.com/200/200); }
<img src="http://placekitten.com/g/200/200" alt="">
您可以使用元素替换功能
content
属性来实现此目的。请注意,您无法使用此技术设置任何 ARIA 或其他与辅助功能相关的功能,因此您传达的信息可能会丢失给部分用户群。 (这可能是非法的,具体取决于该信息是什么、您是谁以及您所处的控制权/向哪个控制权销售)。
您可能希望设置
tabindex
或将图像包装在按钮中以使其可以通过键盘/等进行访问。另请注意,
:active
表示“单击时”而不是“单击后”。 CSS 没有“点击后”伪类(尽管:focus
在某些情况下就足够了)。