即使刷新瀏覽器后，如何在單擊時使圖像突出顯示？

Question

基本上，我有3張圖像：我試圖給它們分配“焦點”，以便在單擊時在圖像周圍創建邊框。 但是，如果可能，我希望進行以下操作：

1. 我單擊的每個圖像均保持突出顯示，然后在刷新瀏覽器時，單擊的圖像均保持突出顯示。

要么

1. 即使刷新瀏覽器后，單擊的圖像仍保持高亮狀態。

 a:focus img { border:1px solid #f00; } 

 <a href="#"><img src="http://cdn.s7.disneystore.com/is/image/DisneyShopping/1344039601602?$yetidetail$" alt="" /></a> <a href="#"><img src="http://cdn.s7.disneystore.com/is/image/DisneyShopping/1344039601602?$yetidetail$" alt="" /></a> <a href="#"><img src="http://cdn.s7.disneystore.com/is/image/DisneyShopping/1344039601602?$yetidetail$" alt="" /></a> 

任何幫助將不勝感激。

Answer 1

您是否嘗試過“訪問過的”選擇器？

a:visited img, image:visited {
  # Awesome styling right here!
}