elementui样式穿透 ::v-deep

使用::v-deep可以实现对Element UI组件样式的穿透操作。在样式文件中，通过在一个大的div里面使用::v-deep深度选择器，可以修改Element UI组件的样式。例如，在一个指定了class名为"basic"的div内，使用::v-deep .el-select来修改el-select组件的样式，设置其宽度为100%。同样地，可以使用::v-deep指定其他Element UI组件的样式进行修改。需要注意的是，::v-deep选择器必须写在一个大的div内才可以生效。如果没有使用::v-deep选择器，样式会成为全局样式，可能会影响到其他页面上的Element组件的样式。所以使用::v-deep可以局部修改Element UI组件的样式，避免全局样式的污染。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [#vue# css样式穿透::v-deep的具体使用](https://blog.csdn.net/ZHENGCHUNJUN/article/details/124974776)[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: 100%"]
[ .reference_list ]