Customize the Disabled Style for ListSelect

Flow
1

I see that we’ve got a separate enabled vs. disabled styling for a variety of Vaadin Form fields, viz. text-box, check-box et. al. All of those have an adjustment of opacity in the enabled vs. disabled formats, but I don’t see that distinction in case of ListSelect.

I tried applying style to the widget programatically, but then that never gets inherited to the ‘select’ widget that actually renders the widget.

I tried defining the disabled vs. enabled CSS explicitly, but then I can see that the enabled form of the widget shows up with the white back-ground, but I’m not able to see the disabled styling taking effect.

select.v-disabled,
.v-select.v-disabled,
.v-select-select.v-disabled,
.v-select select.v-disabled {
    background-color: #f4f4f4 !important;
    background-image: linear-gradient(to bottom, #f4f4f4 2%, #e9e9e9 98%) !important;
}

select {
    background-color: white !important;
    background-image: none !important;
}

Let me know if I’m missing anything here OR if I need any added CSS to get the Disabled vs. Enabled segregation for the ListSelect.

2

Just to add more detail here, I’ve been trying this on Vaadin 7.6.8 and I’ve been trying the above scenario on FF 45.5.1 ESR.
Let me know if you need any added details here.