CODEWITHSUNDEEP
htmlcss
Connor Albright
Connor Albright

Reputation: 733

Styling links like regular text in print view

I have a page I want to print that has a bunch of content with links.

Is there a way to style the links using css so the link titles look like normal text?

I want to have my link that normally looks like:
Google
look like normal text without a hyperlink:
Google

Upvotes: 0

Views: 1383

Answers (4)

Zoltan Toth
Zoltan Toth

Reputation: 47667

you can define all the styles for links in your @print css section

@media print {
    a { text-decoration: none; color: #000 }
}

Upvotes: 0

Andres I Perez
Andres I Perez

Reputation: 75379

Normalize the links using a print media query and then print, e.g.

@media print {
    * { background: transparent !important; color: #444 !important; text-shadow: none; }
    a, a:visited { color: #000 !important; text-decoration: none; }
}

Upvotes: 1

Manuel
Manuel

Reputation: 10303

Add an other css file like this:

<LINK rel="stylesheet" type"text/css" href="print.css" media="print">

When you print it will call this css file, not the regular one for media="screen"

Upvotes: 3

Diodeus - James MacFarlane
Diodeus - James MacFarlane

Reputation: 114367

By "suppress" I assume you mean "style" since you can't click on links that are printed.

Use a print stylesheet and style the A tag to look like regular text.

Upvotes: 0

Related Questions