[Vuejs]-The css I add to the v-checkbox affects the css of the v-checkboxes on other pages

3👍

You should add keyword scoped in the style of your page so that you create a local style for your component. For example:

 <style scoped>
     .v-input__slot {
        align-items: center;
        justify-content: center;
     }
     .v-input--selection-controls {
        padding-left: 41%;
     }
 </style>

You can read more about local and global style here

Leave a comment