Hide title from tooltip
I’m making a tooltip using CSS. Now using the following html code
<div title: "Hide title from tooltip">
and the following CSS
Now it works, when I hover over it shows the tooltip, but it also shows the title… How do I remove what’s circled in orange in the image below.
Simply don’t add the content via the
title attribute, change it to something like
You could use JS/jQuery, but given the approach you are taking, it is impossible to hide/remove it while keeping functionality as you would then have nothing to add via CSS..
<div data-tooltip="This is some information for our tooltip." class="progress3"> </div>