Whenever you hover over a link it shows the thingy with the link in it at the bottom left of the web browser, How would you disable this?. I am hoping to use as little javascript as possible, but if I have to use it that's fine.
Here is the css I currently have for my navbar buttons. if needed.
.navbar ul li a {
text-decoration: none;
color: rgb(255, 255, 255);
font-size: 20px;
padding: 5px;
border-radius: 5px;
transition: all 0.1s ease-in-out;
}
.navbar ul li a:hover {
color: rgb(255, 166, 0);
background-color: rgb(85, 85, 85);
}
I would like to have it not show up, just to make the website look a little bit cleaner.
The only way to do this is to remove the data in 'href', and change it to a javascript onlick 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>
p.s. Doing it via JavaScript is probably the only way to disable the URL display, but this raises the question of why? URL display is a valid and important thing, and disabling it is not good for user experience.