我需要僅使用 css 更改滑鼠單擊時(shí)圖像的 src 喜歡
img:active { }
您可以使用元素來取代功能content
屬性來實(shí)現(xiàn)此目的。
請注意,您無法使用此技術(shù)設(shè)定任何 ARIA 或其他與輔助功能相關(guān)的功能,因此您傳達(dá)的訊息可能會遺失給部分使用者群組。 (這可能是非法的,取決於該資訊是什麼、您是誰以及您所處的控制權(quán)/向哪個(gè)控制權(quán)銷售)。
您可能想要設(shè)定tabindex
或?qū)D像包裝在按鈕中以使其可以透過鍵盤/等進(jìn)行存取。
另請注意,:active
表示「點(diǎn)擊時(shí)」而不是「點(diǎn)擊後」。 CSS 沒有「點(diǎn)擊後」偽類(儘管 :focus
在某些情況下就足夠了)。
img:active { content: url(http://placekitten.com/200/200); }
<img src="http://placekitten.com/g/200/200" alt="">