我需要僅使用 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在某些情況下就足夠了）。img:active { content: url(http://placekitten.com/200/200); }