Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

QComboBox Selected Item background is not reflected

Tags:

qt

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.

like image 697
Jai Avatar asked Jul 19 '13 05:07

Jai


2 Answers

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;
}
like image 63
user1911091 Avatar answered Nov 01 '22 10:11

user1911091


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).

like image 40
codeling Avatar answered Nov 01 '22 12:11

codeling