CSS/HTML: Disable link "hover" text

hyperlink css behavior
James T picture James T · Apr 9, 2011 · Viewed 17.6k times · Source

You know how when you have your mouse over a link, in most browsers, it shows the link in the lower left corner (aka chrome) or in the status bar? How can I disable this?

Answer

NKCSS picture NKCSS · Apr 9, 2011

The only way to do this is to remove the data in 'href', and change it to a javascript onclick where you set the window.location to the url you want.

<a href="http://www.stackoverflow.com/">Go To SO</a>

becomes

<a style="cursor: pointer" onclick="javascript: window.location = 'http://www.stackoverflow.com/';">Go To SO</a>

Related questions

Remove stubborn underline from link

I am attempting to have a link show up in white, without an underline. The text color shows up correctly as white, but the blue underline is stubbornly persisting. I tried text-decoration: none; and text-decoration: none !important; in the CSS …

Read More
Use a normal link to submit a form

I want to submit a form. But I am not going the basic way of using a input button with submit type but a a link. The image below shows why. I am using image links to save/submit the …

Read More
How can I make a link from a <td> table cell

I have the following: <td> some text <div>a div</div> </td> I'd like to make the entire <td>...</td> a hyperlink. I'd prefer without the use of …

Read More