What code can be use to remove the hyperlink format (blue color and underlined) on text? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 7

What code can be use to remove the hyperlink format (blue color and underlined) on text?

Mofey Joseph Onipede Mouadh Ben Abdallah CHRISTOPHER MADUABUCHUKWU MARTINS Meny Evolving Jane Delphine Faria

13th Aug 2019, 11:30 PM
Iambjdennis
Iambjdennis - avatar
11 Answers
+ 8
For general application to all hyperlinks on your page, place this CSS code before </head>: <style> a { text-decoration: none; color: black; } </style> For application on a particular link, locate the <a> element and add this: style="text-decoration: none; color: black;" Example: <a href="https://www.sololearn.com" alt="" style="text-decoration: none; color: black;">SoloLearn</a>
14th Aug 2019, 12:38 AM
CHRISTOPHER MADUABUCHUKWU MARTINS
CHRISTOPHER MADUABUCHUKWU MARTINS - avatar
+ 6
CSS a { color:black; text-decoration: none; }
13th Aug 2019, 11:31 PM
Dlite
Dlite - avatar
+ 5
The style tag.
14th Aug 2019, 1:33 AM
Sonic
Sonic - avatar
14th Aug 2019, 3:45 AM
eMBee
eMBee - avatar
+ 2
To remove any default style for any element or tag ,we play with CSS to reset the default style
14th Aug 2019, 9:35 AM
Dalia Yahia
Dalia Yahia - avatar
+ 2
text-decoration:none; To remove underline And a:link { color: your choice;}
14th Aug 2019, 9:57 PM
Ogharandukun Brown Meyiwa Louis
Ogharandukun Brown Meyiwa Louis - avatar
+ 1
Answers above are good but I do not recommend using inline css. It is better to add a rule for specific ID than adding inline CSS to a one <a> tag.
15th Aug 2019, 9:14 AM
Szewc Kamil
Szewc Kamil - avatar
+ 1
Also You can decide what to do depending on the type of link: a:link{ /*a normal, unvisited link*/ text-decoration:none; color:grey; } a:visited { /*a link the user has visited*/ text-decoration:none; color:green; } a:hover{ /*a link when the user mouses over it*/ text-decoration:none; color:yellow; background-color:navy; a:active { /* a link where is working the user I think this works with internal links*/ text-decoration:none; color: red; }
15th Aug 2019, 12:50 PM
Kete
+ 1
You can use css to remove that but you can also use an alternative tag like that: . . . <p> awesome <randomtag onclick="window.location.href='link'"> paragraph </randomtag> with also a link in it </p> . . .
17th Aug 2019, 11:50 AM
NanoGigante
NanoGigante - avatar
+ 1
Hii
20th Aug 2019, 3:39 PM
Pallav Kumawat
Pallav Kumawat - avatar
+ 1
hari
7th Sep 2019, 6:50 PM
Dileep Reddy
Dileep Reddy - avatar