'Rounded QComboBox without square box behind
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.

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!
Solution 1:[1]
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
}
Solution 2:[2]
you can add code behind like this,
(your qcombobox)->view()->window()->setWindowFlags(Qt::Popup | Qt::FramelessWindowHint | Qt::NoDropShadowWindowHint);
i tried, it works
Solution 3:[3]
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);
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | |
| Solution 2 | acraig5075 |
| Solution 3 | Robin Lobel |
