el-form-item字体设置不加粗
时间: 2024-01-17 15:19:08 浏览: 294
el-form-item字体设置不加粗可以通过以下两种方式实现:
1. 使用内联样式设置字体样式为正常(非加粗):
```html
<el-form-item label="Label" :label-style="{ fontWeight: 'normal' }">
<!-- 表单内容 -->
</el-form-item>
```
2. 使用自定义样式类设置字体样式为正常(非加粗):
```html
<el-form-item label="Label" class="normal-font">
<!-- 表单内容 -->
</el-form-item>
```
```css
.normal-font {
font-weight: normal;
}
```
相关问题
el-form-item标签字体加粗
el-form-item标签字体加粗可以通过以下CSS样式来实现:
```
.formLabel {
font-weight: bold;
}
```
在el-form-item标签中添加class属性,并设置为formLabel即可实现字体加粗效果。引用了中的CSS样式可以参考。
例如:
```html
<el-form-item class="formLabel" label="管理员密码" prop="password">
<el-input type="password" v-model="ruleForm.password" autocomplete="off"></el-input>
</el-form-item>
```
这样就可以使el-form-item标签的字体加粗了。
<el-form-item label="到站占用:"></el-form-item>怎么给字体加粗
你可以在该标签内部的文字上使用 CSS 样式来设置字体加粗。例如,可以添加一个 `span` 标签来包裹文字,并在 `span` 标签上设置 `font-weight: bold;` 样式,代码如下:
```
<el-form-item label="到站占用:"><span style="font-weight: bold;">文字内容</span></el-form-item>
```
你也可以在 CSS 文件中设置全局样式来实现所有元素的字体加粗。例如,在 CSS 文件中添加以下代码:
```
.el-form-item label {
font-weight: bold;
}
```
这将会使所有 `el-form-item` 标签内部的 label 文字都加粗。
阅读全文