CSS ComboBox Editable Items

[uxout]

Just play around with CSS and QComboBox and I can't find how to add styles to list items when the ComboBox is editable (when it is not editable, it is working as expected).
Here is a part of my CSS :

Code: Select all

QComboBox QAbstractItemView {
  outline: none;
  border: none;
}

QComboBox QAbstractItemView::item {
  padding: 5px;
  background-color: #EBEBEB;
  color: black;
}

QComboBox QAbstractItemView::item:hover {
  background-color: #CCCCCC;
}

Any idea how to make this work for editables ComboBox too? Is it a bug?

[adaneau]

Hi,

Be careful that QCombobox is having a pseudo state for editable . So you need to adapt your CSS.

See https://doc.qt.io/qt-5/stylesheet-examp ... -qcombobox

Something like :

QComboBox:editable {
background: white;
}

BR
Alexandre

[uxout]

Hey Alexandre,

You are right, there is a pseudo state editable but it is not working as it should be.
Just done another test without [type = "xxx"] and it works correctly as expected.
Is there a bug with this attribute when working on QCombobox Editable?

[adaneau]

Hi,

I also noticed that background color doesnt work, maybe Qt bug or ETM missing implementation, best is to open bugtracker or SR if you have access. All other entries however worked fine for me.

Background is easy to solve as the background color set inside GEDI is applied to both item box and field.

BR
Alexandre Daneau