vue.js typescript elementui javascript Vue3之element-plus选择器(el-select)的样式修改【已解决】

基于CSDN的三步走，到哪步能用了就停手：

第一步：在`el-select`添加属性`mySelectStyle`（名称可自定义）。详细连接如下：

Vue3：修改下拉框el-select的样式-CSDN博客

懒得跳转过去的朋友直接看

代码摘要：

v-model="value"

placeholder="请选择"

popper-class="mySelectStyle">

//popper-class='内容可自定义'

第二步：在`style`中使用`::deep`或`/deep/`，结果发现不生效。详细连接如下：

Vue中的Element-plus的Select选择器下拉框样式如果自定义修改（popper-append-to-body(已废弃)的平替popper-class属性的解决方法）-CSDN博客

【注意：此代码为我这不生效的代码】 

代码摘要

 效果如图

第三步：通过不同的style，解决了不生效的情况，但是不确定是否会与其他样式冲突。

详细链接如下：

Vue3中样式渗透:deep()为什么无效_vue3 deep-CSDN博客 

将deep单独写在一个style内并加上scoped，成功的生效了

代码摘要：

效果如图

完整代码，可直接复制为组件使用（需全局安装element-plus）：

文章来源

 您阅读本篇文章共花了：