0
897
Views¿Cómo cambiar el color de v-select?
Estoy usando Vuetify
<v-select id="makeMeBlue" dense outlined :items="form.values.urlTypes" label="Single or Multi URL" v-model="form.values.urlType" :rules="form.rules.urlType"> </v-select>Estoy tratando de hacer que mi botón de descarga sea de color azul.
- La frontera
- El texto "Descargar como..."
- La flecha derecha hacia abajo
He intentado
agrega este prob color="blue" ad agrega este CSS
#makeMeBlue { color:blue; border: blue 1px solid; }¿Puede alguien por favor darme una pista?
·
Juan Pablo Isaza
1 answers
Answer question0
Puede sobrescribir las clases de vuetify: (envuelva su selección en div)
new Vue({ el: '#app', vuetify: new Vuetify(), data() { return { form: {values: {urlTypes: [1,2]}} } } }) #makeMeBlue .v-label { color:blue !important; } #makeMeBlue .v-icon { color: blue !important; } #makeMeBlue .v-text-field--outlined fieldset { border: blue 1px solid !important; } <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/@mdi/font@6.x/css/materialdesignicons.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.min.css" rel="stylesheet"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"> <div id="app"> <v-app> <v-main> <v-container> <br /> <div id="makeMeBlue"> <v-select dense outlined :items="form.values.urlTypes" label="Download as ..." v-model="form.values.urlType" ></v-select> </div> </v-container> </v-main> </v-app> </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js"></script> <script src="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.js"></script>
·
Juan Pablo Isaza
Report
Answer question