Remove underline from links in epub

[Amalthia]

Hi,

I've tried these two codes in the css override box to remove the blue hyperlink and underline but they aren't working.

a {text-decoration: none; color: black;}
a href {text-decoration: none; color: black;}

Am I using the wrong codes? Or do I need to add the css to the epub file?

I'd appreciate any and all help,

Thanks!


EDIT: Nevermind! I found the answer. I needed to use this code instead.

a {text-decoration: none; color: black;}
a [href] {text-decoration: none; color: black;}

[Ahriman]

It doesn't work for me. I go to Preferences>User Stylesheet and copy your text and it still doesn't work

[cybmole]

with some readers you have to completely remove the <a>.....</a> tags to stop the blue underlines from showing

[Ahriman]

How to do that? I am not very skilled in stuff like that, but this is very annoying

[JimmyR]

Originally Posted by Ahriman

I go to Preferences>User Stylesheet and copy your text and it still doesn't work

Try

a:link, a:link * {
  color: #000 !important;
  text-decoration: none !important;
}

Sometimes the link elements may contain child elements which are styled instead of the links themselves. It just depends on how the particular html was written. Example:

<a href="file1.html" class="toc"><span class="blue"><span class="underline">Acknowledgments</span></span></a>

The span styles will override the parent link styles.

[cybmole]

Originally Posted by Ahriman

How to do that? I am not very skilled in stuff like that, but this is very annoying

get skilled or get help. each book is different, there are no shortcuts.

On my Sony devices, anything that is in <a> tags will appear as blue underline, none of the solutions posted here will over-ride that. Other devices may behave differently but for Sony, the only fix is to strip out the <a> tags with calibre editor or Sigil, or learn to live with it.

[Ahriman]

Originally Posted by JimmyR

Try

a:link, a:link * {
  color: #000 !important;
  text-decoration: none !important;
}

Sometimes the link elements may contain child elements which are styled instead of the links themselves. It just depends on how the particular html was written. Example:

<a href="file1.html" class="toc"><span class="blue"><span class="underline">Acknowledgments</span></span></a>

The span styles will override the parent link styles.

Thank you! It worked!