title: Can I customize the in-browser tool tip bubble?
body: <p>Is their a way to customize the way the tool tip bubbles look like, cross browser?</p>
  
  <p>For example, when I hover over a tag that has a <code>title</code> attribute, Firefox displays a tool tip bubble. I'd like to customize that to look just like the rest of the site.</p>
  
  <p>Is there a CSS3 hack into that? And if not, can I replace it with something that will work automatically on all the elements with a title attribute?</p>
  
  <pre><code>&lt;a href="" title="This is a nice link, click here"/&gt; &lt;div onclick="" title="A nice action button"/&gt;
  </code></pre>
  
  <p>Image example:</p>
  
  <p><img src="https://i.stack.imgur.com/vzoWO.png" alt="A nice example image of my site."></p>
  
  <p>I'm working real hard on getting my site good looking and ready for service. One of things I noticed was the tooltip breaks my style, just a little... but I'm nuts about those kinds of stuff. Yes I'm still working on it - <a href="http://pagelook.us" rel="nofollow noreferrer">http://pagelook.us</a>. Huge work in process. Hover over any of the navigation buttons for an active example.</p>