Link highlighting without 1990s underline ... need CSS help

App Development
1

Hi

we have a table with a lot of rich text entries that include hyperlinks; I’d like for them to be highlighted in color or bold or some such, without having to hover over them, and without everything getting underlined. The best we’ve come up with so far is this CSS (thank you @chem !!)

a {
color: #15c;
text-decoration: underline;
}

but the color only kicks in upon hover, which is inconvenient, and underlines, well… 1990s :wink:

thanks!

2

Here’s some CSS to remove the underline and a modern blue link color :wink:

a {
    color: #039be5 !important;
    text-decoration: none !important;
    -webkit-tap-highlight-color: transparent;
    font-weight: bold;
}

It’s up to you if you want to include font-weight: bold; or not. Feel free to remove it if you don’t want the links to be displayed in bold.

3

Thank you, @chem, that worked great!

1 Like
4

@chem actually… it works great almost everywhere, but not for the calendar component, at least in the month view. The text inside any events there, normally white on a blue bar, just seems to disappear.
Any suggestions welcome. Thank you!