[Vuejs]-Vuetify component v-text-field is not getting class

by

2👍

✅

The CSS code is applied on <div class="v-input upper v-input--is-label-active v-input--is-dirty theme--light v-text-field v-text-field--is-booted"> but needs to be applied to <input name="login" id="input-10" type="text">

Change your CSS code to:

.upper input { 
text-transform: uppercase;
 }
👤Tom Marienfeld

1👍

Your code is working for me, but it applies only to the placeholder. If you want to apply it to the input text you need to do the following:

.upper input {
    text-transform: uppercase;
}

Here you have a working JsFiddle: https://jsfiddle.net/SilliconMachine/mrx041oL/3/

👤SiliconMachine

Leave a comment