我想改变标签内容“出勤”的字体大小。
<v-checkbox
v-model="course.evaluation"
label="attendance"
></v-checkbox>
Run Code Online (Sandbox Code Playgroud)
这是我尝试过的。在同一个 vue 文件中,我添加了
<style>
.v-checkbox.v-label {
font-size: 10px;
}
</style>
Run Code Online (Sandbox Code Playgroud)
但这没有用。有人可以帮忙吗?
尝试通过添加链接选择器来提高优先级
class在复选框中添加一个
<v-checkbox
class="my-checkbox"
v-model="course.evaluation"
label="attendance"
></v-checkbox>
Run Code Online (Sandbox Code Playgroud)
然后
<style>
.my-checkbox .v-label {
font-size: 10px;
}
or In case it still doesn't reflect the override then use deep selector
::v-deep .my-checkbox .v-label {
font-size: 10px;
}
Run Code Online (Sandbox Code Playgroud)