title: Is there a way to disable the <a> link preview in css?
body: <p>Whenever you hover over a link it shows the thingy with the link in it at the bottom left of the web browser, How would you disable this?. I am hoping to use as little javascript as possible, but if I have to use it that's fine.</p>
  <p>Here is the css I currently have for my navbar buttons. <em>if needed</em>.</p>
  <pre class="lang-css prettyprint-override"><code>.navbar ul li a {
      text-decoration: none;
      color: rgb(255, 255, 255);
      font-size: 20px;
      padding: 5px;
      border-radius: 5px;
      transition: all 0.1s ease-in-out;
  }
  
  .navbar ul li a:hover {
      color: rgb(255, 166, 0);
      background-color: rgb(85, 85, 85);
  }
  </code></pre>
  <p>I would like to have it not show up, just to make the website look a little bit cleaner.</p>