CSS: Style tags to look like plain text
How can I style an anchor tag to look exactly like plain text? For example, I have:
What I have tried so far is:
However, with this styling, the ‘link’ text will still show the default cursor (i.e. the arrow) when you hover over it, as opposed to the ‘text’ cursor which shows up on the rest of the text in the
<p> tag. How can I make all of it have the text cursor and still have the link not be clickable?
One solution would be to add
cursor:text to the parent
p element. (example)
Alternatively, a less optimal solution would be to overlay a pseudo element, thus preventing it from being clickable (example). The down-side to this solution is that nothing within the paragraph would be clickable. This would therefore not work if you wanted normal links in the same paragraph element.
As a side note, I’d suggest using the value
inherit for the link’s color. In doing so, it will match the parent element’s color if it happens to change… like this.