I am encountering an issue with the select component in Vuetify 3 (multiple mode). Specifically, I need to change the color of the checkboxes. Despite setting the color prop to red in my code, the checkboxes are still displaying as black. How can I go about fixing this problem?
For reference, here is the link to my code snippet on CodePen: https://codepen.io/Sneaky6666/pen/RwJEePM?editors=101
<script type="text/x-template" id="app-template"> <v-app> <v-select v-model="select" :hint="`${select.state}, ${select.abbr}`" :items="items" item-title="state" item-value="abbr" label="Select" persistent-hint return-object single-line multiple color="red" ></v-select> </v-app> </script> <div id="app"></div>
JS:
const { createApp } = Vue const { createVuetify } = Vuetify const vuetify = createVuetify() const app = createApp({ template: '#app-template', data () { return { select: { state: 'Florida', abbr: 'FL' }, items: [ { state: 'Florida', abbr: 'FL' }, { state: 'Georgia', abbr: 'GA' }, { state: 'Nebraska', abbr: 'NE' }, { state: 'California', abbr: 'CA' }, { state: 'New York', abbr: 'NY' }, ], } }, }).use(vuetify).mount('#app')