Stylesheet issue when try to change background color with a editable combobox on hover

When user tries to change the color on hover on a editable stylesheet, it does not work as expected.

QComboBox
{
    height: 36px;
    background-color: red;
    border: 1px solid blue;
    padding-left: 8px;
    padding-right: 8px;
}
QComboBox:editable
{
    background-color: orange;
}

QComboBox:editable:hover   // This does not work as expected
{
    background-color: green;
}
QComboBox:hover
{
    background-color: yellow;
}

Please refer to the attached ui file. Even setting the stylesheet for QLineEdit does not work.
Only workaround is to fetch the QLineEdit instance from comboBox and set the stylesheet to it, but it does not work when mouse is hovered on dropdown icon of ComboBox