Ich muss den Quellcode eines Bildes per Mausklick ändern, indem ich nur CSS verwende Gefällt mir
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在某些情况下就足够了）。img:active { content: url(http://placekitten.com/200/200); }