Underline QLabel's text "on hover"

Question

I want to turn the text green and underline it when the mouse cursor goes over a QLabel, however, it just turns green, it does not get underlined.

  QLabel:hover { color: green; text-decoration: underline;}

What am I doing wrong?

EDIT: Fixed, I used:

void QClickableLabel::enterEvent (QEvent *event)
{
    Q_UNUSED (event);
    setStyleSheet ("QLabel { color: green; text-decoration: underline; }");
}

void QClickableLabel::leaveEvent (QEvent *event)
{
    Q_UNUSED (event);
    setStyleSheet ("QLabel { color: black; }");
}

You may do it with customized via QSS (to look like label) `QToolButton`: http://stackoverflow.com/questions/18250591/how-to-style-pushbuttons-image-size-on-hover-pressed-in-qt4-using-css/18251809#18251809 — Dmitry Sazonov, Aug 14 '16 at 21:04

mike.dld · Answer 1 · 2016-08-14T21:14:33.063

2

According to Qt documentation (for both Qt 4 and Qt 5), QLabel "Does not support the :hover pseudo-state". Guess it's plain luck that it even changes the color...

To emulate, you could create a QLabel subclass and promote your widget to it. Then implement enterEvent() and leaveEvent() methods, doing necessary changes to the widget, e.g.

void MyLabel::enterEvent(QEvent* event)
{
    QFont f = font();
    f.setUnderline(true);
    setFont(f);
}

void MyLabel::leaveEvent(QEvent* event)
{
    QFont f = font();
    f.setUnderline(false);
    setFont(f);
}

edited Aug 14 '16 at 21:14

answered Aug 14 '16 at 20:43

mike.dld

2,929
20
21

Thanks. Any idea to implement that? As far as I know there is no "mouseHoverEvent" :/ – Mattia F. Aug 14 '16 at 20:46
@MattiaF. there is, but you need to set mouse tracking on – Dmitry Sazonov Aug 14 '16 at 21:05

score 1 · Answer 2 · answered Jan 14 '19 at 07:09

1

You can use the following construction:

QLabel *text= new QLabel("Your text"); text->setStyleSheet("font-weight: bold; color: green; text-decoration: underline");

I'm using this and it's works wonderfully. ;)

answered Jan 14 '19 at 07:09

Campos33

11
1

Underline QLabel's text "on hover"

2 Answers2

Linked