i want to style QComboBox through stylesheet so i applied following qss syntax.
QComboBox {
border: none;
border-radius: 0px;
background-color: rgb(255, 255, 255);
color: rgb(0, 0, 0);
selection-background-color: rgb(0, 85, 255);
font: 14pt;
}
QComboBox:editable {
background-color: rgb(255, 255, 255);
}
QComboBox:!editable:on, QComboBox::drop-down:editable:on {
background-color: rgb(200, 200, 200);
}
QComboBox:on { /* shift the text when the popup opens */
padding-top: 3px;
padding-left: 4px;
}
QComboBox::drop-down {
width: 0px;
height:0px;
border-radius: 0px;
}
QComboBox::drop-down:hover
{
border: none;
border-radius: 0px;
background-color: rgb(0, 170, 255);
}
QComboBox QAbstractItemView{
background-color: rgb(255, 255, 255);
border-radius: 0px;
color: rgb(0, 0, 0);
font: 14pt;
}
QComboBox QAbstractItemView:item{
color: rgb(85, 85, 0);
background-color: rgb(170, 170, 127);
selection-background-color: rgb(170, 170, 255);
selection-color: rgb(85, 0, 127);
height:40px;
font: 16pt;
}
problem: selection-background-color: rgb(170, 170, 255); in
QComboBox QAbstractItemView:item{
color: rgb(85, 85, 0);
background-color: rgb(170, 170, 127);
selection-background-color: rgb(170, 170, 255); <- Not Working
selection-color: rgb(85, 0, 127);
height:40px;
font: 16pt;
}
is not applying. drop down selected item background is not reflected. please help me to solve this problem.
Have you tried:
QComboBox QAbstractItemView
{
background-color: rgb(255, 255, 255);
selection-background-color: rgb(170, 170, 255); <- Should Now Work
border-radius: 0px;
color: rgb(0, 0, 0);
font: 14pt;
}
I just had the same issue, and for me none of the proposed solutions I found on the internet worked. What finally did it was this:
QComboBox::item:selected
{
background-color: rgb(170, 170, 255);
color: rgb(0, 0, 0);
}
Hoping this can help other users in search for this. Maybe this changed in recent versions (I'm using Qt 5.7).
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With