How do I customise the appearance of links in QLabels using style sheets?

Question

I have a QLabel with a Qt stylesheet that sets a dark background:

QLabel {
background: black;
color: white;
}

This works fine until I add text with an embedded URL and set the Qt::TextFormat to Qt::RichText. The link displays as the default dark blue, which is hard to read on a dark background.

I've tried customising it via a stylesheet such as:

a { color: white; }
QLabel!visited { color: white; }

but this doesn't have any effect. The one thing that does seem to work is changing the application's QPalette:

QPalette newPal(qApp->palette());
newPal.setColor(QPalette::Link, Qt::white);
newPal.setColor(QPalette::LinkVisited, Qt::white);
qApp->setPalette(newPal);

However this requires the colour to be hardcoded. Is there any way I can set the colour from a stylesheet instead?

EDIT:

I've discovered a further problem with customising the palette. If I want to just modify the palette of my widget (substituting widget for qApp in the sample above) then this doesn't work. I don't want to affect all the other QLabels in the app, so how do I limit the palette changes to this widget?

score 12 · Answer 1 · answered Feb 08 '14 at 08:25

12

One way is to add style="color: whatever" or a class to the inner <span> of the link. I haven't figured out yet how to apply this to the whole application but it's a good start.

answered Feb 08 '14 at 08:25

cen

2,873
3
31
56

1

This is the only actual answer. Note that the Qt designer seems to explicitly colour each link, which overrides any default in your global stylesheet. – c z Oct 11 '17 at 11:24
4

A slight simplification here is to add the styling to the anchor tag directly: `...`. Note that this answer isn't about stylesheets so it doesn't answer the original question... Useful though. – darrenp Jul 18 '19 at 22:09

score 7 · Answer 2 · answered Apr 01 '11 at 08:01

I've had little success explicitly setting the QPalette -- it works if you set it for the entire application, but not if you set it in the widget. In the end though, the easiest thing for what I needed to do was use a QTextBrowser instead which supports a subset of HTML. I could then override the colour of links using a regular CSS stylesheet:

QTextBrowser browser;
// IMPORTANT! - set the stylesheet before the content
browser->document()->setDefaultStyleSheet("a {color: white; }");
browser->setText(html);

score 4 · Accepted Answer · answered Mar 31 '11 at 09:39

4

Short answer is no. Recently I had to do this.

QLabel!visited doesn't work because Qt doesn't track whether QLabel were visited or not.
QLabel { color: ... } doesn't work for links. Can't find why but all I found is a suggestion to use QPallete in this case.

answered Mar 31 '11 at 09:39

maverik

5,508
3
35
55

I think I've come to the same conclusions - see my other comment – the_mandrill Apr 01 '11 at 07:56
10

QLabel().setText('something') – Asi Oct 14 '16 at 22:10

score 0 · Answer 4 · answered Jun 20 '20 at 15:19

0

You can set the color tag in the HTML to

{ color: inherit; }

answered Jun 20 '20 at 15:19

kblst

493
8
12

How do I customise the appearance of links in QLabels using style sheets?

4 Answers4

Linked