Rounded QComboBox without square box behind

Question

I'm styling a QComboBox in Qt. It is rounded how the figure shows. The problem is that is shows a strange square box behind the rounded border.

Can someone tell me what this box is and how to make it invisible?

By the way, I'd like to take the shadow away too.

enter image description here

Here is my current code:

QComboBox {
    border: 1px solid gray;
    border-radius: 10px;
    min-width: 6em;
}

QComboBox:on {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

QComboBox QAbstractItemView {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: white;
    border: 1px solid gray;
    box-shadow: transparent;
}

QComboBox::drop-down {
    border-color: transparent;
}

Can somebody help here?? Thanks!

score 2 · Answer 1 · edited Jan 06 '17 at 08:36

2

you can add code behind like this,

(your qcombobox)->view()->window()->setWindowFlags(Qt::Popup | Qt::FramelessWindowHint | Qt::NoDropShadowWindowHint);

i tried, it works

edited Jan 06 '17 at 08:36

acraig5075

10,588
3
31
50

answered Jan 06 '17 at 03:30

lily8561

21
3

1

can confirm, doesn't work for me either (Qt 5.12.3 on linux). if anyone has gotten it to work, I'm interested :) – pythonator May 15 '19 at 09:29

score 2 · Answer 2 · answered Jun 30 '20 at 17:50

2

I think it will help you

QComboBox QAbstractItemView {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: white;
    border: 1px solid gray;
    box-shadow: transparent;
    padding: 4px 4px 4px 4px
}

answered Jun 30 '20 at 17:50

can you explain what you did? – f.khantsis Jun 30 '20 at 19:10

score 2 · Answer 3 · answered May 11 '22 at 07:20

Here's what worked for me with Qt 6.2 on Windows 11/macOS 12:

comboBox->setStyleSheet("QComboBox {"
                            "combobox-popup: 0;"
                            "background: transparent;"
                            "}");
comboBox->view()->setStyleSheet("QListView{"
                        "border:1px solid red;"
                        "border-radius: 8px;"
                        "}");
comboBox->view()->window()->setWindowFlags( Qt::Popup | Qt::FramelessWindowHint |Qt::NoDropShadowWindowHint);
comboBox->view()->window()->setAttribute(Qt::WA_TranslucentBackground);

score -4 · Answer 4 · edited Jan 06 '17 at 08:36

-4

Maybe you can provide some html, that would make it easier.

Try:

QComboBox{overflow:hidden}

edited Jan 06 '17 at 08:36

acraig5075

10,588
3
31
50

answered Jan 23 '15 at 11:00

Marc

248
2
4
15

Rounded QComboBox without square box behind

4 Answers4

Linked