浏览器刷新后如何在点击，事件中突出显示图像？

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!
}