title: Outline on click?
body: <p>I have the following code:</p>
  
  <pre><code>&lt;a href="main.html" class="admin"&gt;&lt;div class="buttonlabel"&gt;Admin&lt;/div&gt;&lt;/a&gt;
  </code></pre>
  
  <p>and CSS</p>
  
  <pre><code>a.admin  
  {
  display:block;
  text-decoration:none;
  float:left;
  background: transparent url(./images/adminnormal.png?rand=628) no-repeat top center;
  height:75px;
  width:75px;
  margin:5px;
  outline: #00FF00 dotted thick;
  }
  </code></pre>
  
  <p>The code above has this output:</p>
  
  <p><img src="https://i.stack.imgur.com/rG6Vc.png" alt="enter image description here"></p>
  
  <p>I want this link to be outlined only when a user clicks it (<code>onclick</code>). Any ideas how to do that?</p>