Remove Blue Underline from Link

Remove blue underline from link

You are not applying text-decoration: none; to an anchor (.boxhead a) but to a span element (.boxhead).

Try this:

.boxhead a {
color: #FFFFFF;
text-decoration: none;
}

How to remove the blue underline and text when making a button with the href property?

The CSS property to remove underline is: text-decoration: none; and to make it not have blue text, simply set the color in CSS to any other color: color: white;. To use an rgb code: color: rgb(255, 255, 255);, and to use HEX: color: ffffff;

Can't remove underline from link

Try adding the class="removelinkdefault" to the link (a) instead of the div

.removelinkdefault {    color: black;    text-decoration: none;}
<a href="/user/reillylawless23" class="removelinkdefault"><div>Reilly Lawless</div></a>

Removing an underline from a link in css

Just add text-decoration:none; to a tag for #noneall:

#noneall a{
text-decoration:none;
}

Here is a jsfiddle.

Removing underline with href attribute

Add a style with the attribute text-decoration:none;:

There are a number of different ways of doing this.

Inline style:

<a href="xxx.html" style="text-decoration:none;">goto this link</a>

Inline stylesheet:

<html>
<head>
<style type="text/css">
a {
text-decoration:none;
}
</style>
</head>
<body>
<a href="xxx.html">goto this link</a>
</body>
</html>

External stylesheet:

<html>
<head>
<link rel="Stylesheet" href="stylesheet.css" />
</head>
<body>
<a href="xxx.html">goto this link</a>
</body>
</html>

stylesheet.css:

a {
text-decoration:none;
}

How to Remove Underline from HyperLink?

This should do it:

<a href="http://{website}" style="text-decoration: none;" target="_blank"><span style="font-size:9pt; font-family: Arial, sans-serif;; color:#317a00;; font-weight:bold">{website}</span></a>

more info on styling links in css can be found here: https://www.w3schools.com/css/css_link.asp



Related Topics



Leave a reply



Submit