怎么让el-form-item里面的el-form-item里面的不继承css
时间: 2023-12-14 21:01:49 浏览: 96
FORM 不换行的方法
5星 · 资源好评率100%
为了让el-form-item里面的内容不继承css,你可以使用scoped样式。Scoped样式是Vue组件中的一种样式隔离方式,它只作用于当前组件的元素,不会影响其他组件的样式。你可以在el-form-item组件上添加scoped属性来使其样式不继承外部样式。例如,你可以在你的组件模板中这样写:
```html
<template>
<el-form>
<el-form-item scoped class="form-item">
<!-- el-form-item的内容 -->
</el-form-item>
</el-form>
</template>
```
然后在你的样式文件中,为.form-item添加你想要的样式:
```css
.form-item {
/* 这里是你的样式 */
}
```
这样,.form-item的样式只会应用于当前组件的el-form-item,不会继承外部的样式。这样就可以实现el-form-item里面的内容不继承css了。<span class="em">1</span><span class="em">2</span>
#### 引用[.reference_title]
- *1* [el-form表单 el-form-item label不换行](https://blog.csdn.net/weixin_52926635/article/details/125743755)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [FORM 不换行的方法](https://download.csdn.net/download/weixin_38732740/13658532)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文