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
在某些情況下就足夠了)。