title: Adding CSS code to * with jQuery
body: <p>I'm trying to add this class with jQuery on a click of a button.
  I have to add/remove it, can't quite figure out the exact jQuery code for that. Using jQuery 1.12.</p>
  
  <p><strong>Important note</strong> - 
  I have to toggle between the current CSS for the focus status, and the changed CSS (border added). This has to happen <strong>to all of the elements</strong> on the page!</p>
  
  <p>The jQuery code:</p>
  
  <pre><code>$("#button").on('click', function() {
  //jQuery Code needed to add the class/style.
  }
  </code></pre>
  
  <p>CSS code:</p>
  
  <pre><code>*:focus {
      border:3px solid black !important;
  }
  </code></pre>