Customizing tooltip with CSS

Question

While customizing QToolTip using:

app.setStyleSheet("QToolTip {
font-size:9pt;
color:white; padding:2px;
border-width:2px;
border-style:solid;
border-radius:20px;
background-color: black;
border: 1px solid white;}");

the white border-outline is properly rounded with border-radius:20px;. But the QToolTip main frame still has the sharp edges.

How to round the entire QToolTip frame and not just the white frame outline border?

Here is the image showing the problem:

enter image description here

score -3 · Accepted Answer · answered Jul 23 '14 at 05:33

-3

Add overflow:hidden like below.

 app.setStyleSheet("QToolTip {
  font-size:9pt;
  color:white; padding:2px;
  border-width:2px;
  border-style:solid;
  border-radius:20px;
  background-color: black;
  border: 1px solid white;
  overflow:hidden;}");

answered Jul 23 '14 at 05:33

Suresh Ponnukalai

13,820
5
34
54

Ops, looks like it is not working. QT complains `Unknown property overflow` – alphanumeric Jul 23 '14 at 20:34
1

overflow:hidden is CSS but cannot be used in Qt, has the proposed solution been tested? – NoDataDumpNoContribution Jul 24 '14 at 12:24

Customizing tooltip with CSS

1 Answers1