elementplus样式穿透

样式穿透是指通过特定的方法在Vue组件中修改Element Plus组件的样式。根据引用，给`el-input`加一层原生标签，并给定一个类，然后使用样式穿透来修改样式。具体来说，可以使用`/deep/`或者`::v-deep`来穿透Element Plus组件的样式限制。但是需要注意的是，在一些情况下，如使用Vue CLI生成的项目，组件的样式会自动添加`[data-v-]`前缀，导致样式穿透无法生效。如果去掉样式中的`scoped`属性，会造成全局样式污染。所以在这种情况下，可以考虑使用`/deep/`或者`::v-deep`来修改样式，同时保持样式的局部作用域。 <span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [Vue3 样式穿透 Element Plus el-popover样式修改 动态控制el-popover显示](https://blog.csdn.net/weixin_55039681/article/details/113793446)[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%"]
- *3* [关于vue3.x中样式穿透的使用](https://blog.csdn.net/qq_46650555/article/details/126554760)[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 ]