我有一个组件 我想改其中字体的大小失败了 <el-radio-group v-model="request.watchTimeDensity" style="margin: 10px;" > <el-radio v-for="item in watchTimeDensityList" :key="item.value" :label="item.value"> 时间间隔: {{ item.desc }} </el-radio> </el-radio-group> 我试过加样式.el-radio-group .el-radio { font-family: Arial, sans-serif; font-size: 16px; line-height: 40px; color: red; } 我发现当我按照你给的第一种方式改了后,字体颜色变成了红色,但是大小没有变,而且当我更改font-size的值时,我想要更改大小的字在上下移动,这是为什么,我到底应该怎么改字体大小
时间: 2024-03-21 14:42:01 浏览: 165
字体大小修改
4星 · 用户满意度95%
你可以尝试在el-radio的样式中添加font-size属性,如下所示:
```
.el-radio {
font-size: 16px;
}
```
如果你发现字体大小的更改导致了上下移动,那么你可以尝试添加一个固定的line-height属性,如下所示:
```
.el-radio {
font-size: 16px;
line-height: 1.5;
}
```
你可以根据你的需求调整line-height的值,以确保字体大小的更改不会导致上下移动。
阅读全文