使用deep、important等修改el-select下拉框中样式怎么都不生效的看过来!!
vue3中
teleported
属性设为false
teleported 属性在 Vue 3 中并不是 el-select 组件的属性,而是 Vue 3 的一个新特性,用于控制组件的挂载位置。
teleported 是一个布尔属性,当设置为 true 时,组件会被挂载到一个不在父组件 DOM 树中的 DOM 节点上,这个 DOM 节点通常是一个在 标签内的元素。这样做的好处是可以避免组件的层级问题,特别是在使用模态框、下拉菜单等需要在页面上浮动显示的组件时。
如果你想要使用 teleported 属性,你需要确保你的 Vue 版本是 3.x。
vue2中
popper-append-to-body
属性设为false
popper-append-to-body文档说明:是否将弹出框插入至 body 元素。在弹出框的定位出现问题时,可将该属性设置为 false。
给标签设置属性后,再在style中进行样式修改。