Q-select mark disabled option with text-decoration: line-through
-
It’s easy to disable an option but how can I put then a css class like
text-decoration: line-through
?Q-select has an
options-selected-class
property but imo it should have also anoptions-disabled-class
prop for that purpose?!Is there a chance to overwrite the CSS selector in the .vue file?
And if so, could someone give an example or hint?
(this below should be the class) -
@donsherman If you want to do it via css, try something like:
.q-item.disabled { text-decoration: line-through }
But if you need more control, you would use the
options
slot: https://codepen.io/pianopronto/pen/KKgmaxN -
@beets Thanks! Didn’t thought it was that easy.