Remove dotted border around combo box items

[gauravofindia]

Hello All,

Can someone guide me on how to remove border around text on hover.

Here is style:-

@
QComboBox QAbstractItemView::item{padding: 10px;background-color:transparent;outline:none; border-bottom:1px solid #c6c6c6;}
QComboBox QAbstractItemView::item:selected {color:#65b0a5;outline:none;}
QComboBox QAbstractItemView::item:hover{background-color:#b5b5b5; color:#323232;outline:none;}
@

EDIT: please use @-tags around code, changed here - Gerolf

[gauravofindia]

Is there a way we can remove Focus from the items?

[ngrosjean]

Not sure I understand exactly what you want, but you request a border by "border-bottom:1px solid #c6c6c6", no?

Could you try something like

@QComboBox::item { border: 0px solid black }@

on your style sheet?

[gauravofindia]

Here is the problem when i mouse over the combo box item.

Please see the attached image.

I wan to remove the border that is coming around the text.

!http://www.intelligaia.com/images/cb.png(cb)!

[gauravofindia]

If you see i want to remove the boder which comes on mouse over on the Hit State text.

[ngrosjean]

so perhaps you could use :

@QComboBox::selected:item { border: 0px solid black }@

or

@QAbstractScrollArea::selected:item { border: 0px solid black }@

[gauravofindia]

how do apply the above style on QComboBox QAbstractItemView?

[ngrosjean]

For a first try, create a file named "my_style.qss", put the previous line inside, then simply launch your application with:

@myApplication -stylesheet my_style.qss@

NB : QAbstractItemView is an QAbstractScrollArea.

[gauravofindia]

Is there a way i can apply the style directly in style file?

[giesbert]

you can do that via q QStyle implementation, but I think, the focus rectangle (which is in fact the problem here) can't be modified via style sheet.

[gauravofindia]

Is there some way through or something else so i can the border invisible or hide it so it does not show?

[giesbert]

AFAIK not ...

[arybnikov]

Maybe topicstarter already has resolved this problem, but I found solution:

QComboBox QAbstractItemView {
outline: 0px;
}

this stylesheet deletes dotted border.
Maybe it helps someone.

[sahara108]

i overwrite QApplication and use your code:
@this->setStyleSheet("QComboBox QAbstractItemView { outline: 0px;}");@
but the outline still there. Plz help

[redschmidt]

It worked for me, thank you very much arybnikov.

[RukshanA]

Thank you "arybnikov" this worked for me as well :)