当前位置: 首页 > 工具软件 > v-selectmenu > 使用案例 >

修改el-select 样式失效 /deep/ 未生效

壤驷涛
2023-12-01

修改el-select 样式失效

记得点赞哦 

大佬请看

1.尝试在class名前加 /deep/ 例:

/deep/ .el-select-dropdown__list

2.个人尝试的写法无效

  /deep/ .el-select-dropdown__list  .el-select-dropdown__item  
  或 
 /deep/ .el-select-dropdown__list  /deep/ .el-select-dropdown__item 
 等

决绝方式 : 如果写到一起了 尝试分开写
尝试 !important
3.上述都没有解决 可尝试在el-select 标签内增加属性(opper-append-to-body)控制 例:

<el-select :popper-append-to-body="false" v-model="form" >
    <el-option></el-option>
</el-select>

后并尝试1.2

友情提示···注意css修改范围(本文件、局部等)

 类似资料: