title: Is it possible to enhance the default appearance of svg title tooltip
body: <p>I would like to change the default appearance of tooltip in svg elements (title) by any means such as js or css.</p>
  
  <p>I even tried stuff like this:</p>
  
  <pre><code>var title = document.createElementNS('http://www.w3.org/2000/svg','title');
  title.textContent='&lt;foreignObject width="100" height="50" requiredExtensions="http://www.w3.org/1999/xhtml"&gt;&lt;div style="background:blue;"&gt;'+arr[j].ypos+'&lt;/div&gt;&lt;foreignObject&gt;';
  rect.appendChild(title);
  </code></pre>
  
  <p>but regardless of whatever i insert as the textContent of title, its simply rendered as a string.</p>
  
  <p>Is there any way to style the default tooltip? Other simple and straightforward alternatives for creating tooltips in svg without using any plugins are also welcome...</p>