v-autocomplete dropdown menu/v-list/v-list item colors #21236
-
|
I am trying to change the background color of a set of v-autocompletes. These currently seem to be using the default dark theme but I want the change the background on these to a lighter color and the text color to be dark instead of white. When I try to target the CSS using :deep it doesnt work, if I change them to use :global they do work, but I am looking for guidance on changing these without modify the global settings. Can someone provide me an example of changing the background effects of the v-autocomplete where I can change many of the css properties. It has to be easier than what I have been able to do. Please help. |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment
-
|
Alternative ways:
|
Beta Was this translation helpful? Give feedback.
:list-props="{ bgColor: 'purple' }"example will soon be included on the documentation for VSelect (#21658).Alternative ways:
:menu-props='{ contentClass: 'my-dropdown' }let's you target specific class so your global CSS rules can target precisely the component you wish to customizeattachprop you can change teleport target so your:deep(...)rules will reach the menu content, but there are some consequences and I don't recommend it unless you are forced to