Is it possible to hide the title from a link with CSS?

html css hide anchor title
jtepe picture jtepe · Mar 12, 2013 · Viewed 66.2k times · Source

I have an anchor element with a title attribute. I want to hide the popup that appears when hovering over it in the browser window. In my case, it is not possible to do something like this,

$("a").attr("title", "");

Because of jQuery Mobile the title will reappear after certain events occur (basically everytime the anchor element gets redrawn). So I hope to hide the title via CSS.

Something like:

a[title] {
    display : none;
}

doesn't work, since it hides the entire anchor element. I want to hide the title only. Is this even possible? The popup shouldn't display.

Answer

Blake Frederick picture Blake Frederick · Mar 7, 2016

Using the following CSS property will ensure that the title attribute text does not appear upon hover:

pointer-events: none;

Keep in mind that JS is a better solution since this CSS property will ensure that the element is never the target of any mouse events.

Related questions

jQuery hide and show toggle div with plus and minus icon

I have the code working for the show and hide the div. How would I add two different icons as a sprite image for when the show and hide are active? For example: + icon for show me, then a - …

Read More
JavaScript - Hide a Div at startup (load)

I have a div in my php page that uses jQuery to hide it once the page has loaded. But is there a way to hide it from the very start of loadup? The reason I ask is because for …

Read More
Hide Text with CSS, Best Practice?

Let's say I have this element for displaying the website logo: <div id="web-title"> <a href="http://website.com" title="Website" rel="home"> <span>Website Name</span> </a> </div&…

Read More