一定不能有scoped。 .selectshanweiOpStyle{ background-color: #132144; color:#cddcfb; .el-select-dropdown__item.hover, .el-select-dropdown__item:hover{ background-color: #32456d; } .el-select-dropdown__item.selected,.el-select-dropdown__item.hover{ color: #4e95ff; } .el-select-d...
使用样式穿透/deep/依然不生效,后经查资料popper-class所处的位置不在当前组件内,需要全局类才能对其生效。即带有\</...>等局部类就不会生效,需要将该类设为全局css类。 解决办法 在全局中写入该类,如在App.vue的style当中; 在当前组件中,另加一个不带scoped的style标签,然后将该类写入该标签内。
如果使用了 scoped 样式,则可能需要使用深度选择器(如 /deep/ 或::v-deep)来确保样式能够穿透到子组件中。以下是一个示例样式: scss <style lang="scss" scoped> ::v-deep .my-custom-popper { /* 您的自定义样式 */ max-width: 300px; background-color: #f9f9f9; } </style> ...
既然加入到el-select里面了,我们就可以使用css选择器找到对应层级去设置对应样式了,依然可以实现上图中的效果 .el-select { .el-select-dropdown { .el-scrollbar { .el-select-dropdown__wrap { .el-scrollbar__view { .el-select-dropdown__item:hover { background-color: #baf; } } } } } } ...
.el-select{.el-select-dropdown{.el-scrollbar{.el-select-dropdown__wrap{.el-scrollbar__view{.el-select-dropdown__item:hover{background-color:#baf; } } } } } } 补充 有网友说,popper-append-to-body要搭配popper-class一块使用,其实并不一定需要搭配使用,只要让对应元素加入到el-select结构中...
.el-popover.myPopover { padding: 0 !important; margin: 0 0 0 90px; min-width: 113px; .popper__arrow, .popper__arrow::after { display: none !important; } 最后一句话,不能加scoped~~~
.el-select { .el-select-dropdown { .el-scrollbar { .el-select-dropdown__wrap { .el-scrollbar__view { .el-select-dropdown__item:hover { background-color: #baf; } } } } } } 补充 有网友说,popper-append-to-body要搭配
Set the popper-class attribute of an el-autocomplete element. When the class is defined in a style tag with scoped property, the popper-class will not work. What is Expected? A popper class with defined properties is added to the popper. What is actually happening? An empty popper class ...
饿了么UI自带的样式有一般也够用,不过有时候我们需要修改一下样式使其更加美观,本文记录一下修改el-select的样式的方式,记录一下,忘了的时候回来看看
element-plus [Bug Report] el-popper Custom popperClass will be overridden by the default styleCan...