el-input 中的字体加粗加黑
时间: 2023-08-18 13:18:18 浏览: 372
el-input 标签中密码的显示和隐藏功能的实例代码
要让 el-input 中的字体同时加粗和加黑,可以给 el-input 组件的样式添加 font-weight: bold; 和 font-family: '黑体', sans-serif; 即可,示例代码如下:
```html
<template>
<el-input v-model="inputValue" class="bold-black"></el-input>
</template>
<style>
.bold-black input {
font-weight: bold;
font-family: '黑体', sans-serif;
}
</style>
```
在上面的代码中,我们在 el-input 组件上添加了一个名为 bold-black 的 class,并在该 class 的样式中设置了字体加粗和加黑的样式。这样 el-input 中的文字就会同时显示为加粗和加黑的样式。注意,如果用户的设备中没有安装黑体字体,那么系统会使用 sans-serif 字体来替代。
阅读全文