Remove stubborn underline from link

css hyperlink underline
dmr picture dmr · May 7, 2010 · Viewed 1.1M times · Source

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 to remove the link underline. Neither worked.

How can I remove the blue underline from the link?

Answer

Davor Lucic picture Davor Lucic · May 7, 2010

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;
}

Related questions

Stop link's :before content from being underlined by rule applied to the link

I have a text link that is underlined when hovered. I'm adding at the beginning of the link a > symbol using the following code: .box.blueb a { color: #0098aa; } .box.blueb a:hover { text-decoration: underline; } .box.blueb a:before { …

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