链接单击更改按钮

Question

我有一个链接，我为它设置了一个按钮（图片），我希望当点击链接时，按钮（图片）会像访问过的链接一样变为紫色

<td><a id="download" href="<?=$row['download_link']?>" target="_blank"><img src="download.png"></a></td>

可以在html中更改，还是必须在css中执行某些操作

至

Answer 1

您可以通过从img移除a并添加以下内容，在纯CSS中执行此操作：

<style type="text/css">
    #download 
    {
      background-image:url(download.png);
      display:block;
      /* todo : put height and width of image here */
      width:100px; 
      height:100px;
    }

    #download :visited
    {
      background-image:url(download_visited.png);
    }
</style>