Bootstrap theme for select extension overrides bootstrap's disabled colour

berndy2001

Hello,

I am using the select extension with the bootstrap 5 theme. I noticed that for dropdowns, disabled elements are no longer greyed out when the row is selected.

I know I can fix this with

.dropdown-item.disabled, .dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color) !important;
} 

but maybe there is a better solution.

http://live.datatables.net/qitecesi/1

allan

Thanks for this! We don't currently make use of the Bootstrap 5 variables in our integration with BS5, but it is on my list of things to do.

At the moment, your workaround is probably the best option until I, or someone else, gets a chance to update the integration to use variables.

Allan