/deep/仍无法修改el-popover样式

项目里面直接在样式里面加/deep/仍无法修改el-popover的样式，原因：

el-popover并没有在app里面，只需要给el-popover组件加一句代码挂载去父元素上面：:append-to-body="false"

这时候再看，el-popover已经在app里面了，

只需要在style里面写样式就好了。

/deep/.el-popper[x-placement^="bottom"]{}

第一种方法试了不行，第二种方法

 <el-popoverplacement="bottom"v-if="type === 'node'"trigger="hover"popper-class="my-el-popover"content="节点大屏"><i-icon name="node-screen" class="node-monitor" slot="reference"></i-icon></el-popover>

注意popper-class="my-el-popover"这个属性

<style lang="scss">
.el-popover.my-el-popover {min-width: 0;padding: 8px;font-size: 14px;font-family: SourceHanSansSC-Regular, SourceHanSansSC;font-weight: 400;color: #323B4C;}
</style>

注意：1、不要加/deep/否则样式不生效，2、.el-popover.my-el-popover这样写 3、不要加scoped

/deep/仍无法修改el-popover样式相关推荐

vue组件中的样式属性：scoped，解决在父组件中无法修改子组件样式问题
Scoped CSS规范是Web组件产生不污染其他组件,也不被其他组件污染的CSS规范. vue组件中的style标签标有scoped属性时表明style里的css样式只适用于当前组件元素,它是通过使 ...
修改elementUI组件样式无效的多种解决方式
前言:vue+elementUI项目开发中,经常遇到修改elementUI组件样式无效的问题, 原因:在vue组件中我们经常需要给style添加scoped来使得当前样式只作用于当前组件的节点.添加s ...
使用UI框架时 css不生效使用/deep/完美解决避免污染全局样式
使用UI框架时 css不生效完美解决避免污染全局样式使用前端UI框架时在页面上单独修改css 但是不生效都是在 <style scoped> </style>这样的模式 ...
[ElementUI] 修改ElementUI默认样式
前言: 在使用ElementUI中免不了要根据自身需求修改EleUI的默认样式; <div class="form-box"><el-input v-model= ...
Ant Design Vue 修改表格头部样式
在网上搜了好多修改表格头部样式的,最后自己摸索出来,分享给大家,最后附上完整代码. 首先用到的是customHeaderRow这个API,类型是一个函数 1.HTML部分 <a-table si ...
html改变body的class,详解如何修改el-select的样式：popper-append-to-body和popper-class
如何修改elementUI提供的el-select组件的样式网上有很多关于这个的解决方式: 1.找到下拉框的类名,写个全局样式覆盖掉就行了 2.修改.el-select-dropdown__item ...
Python可视化matplotlib自定义：运行时参数修改、自定义样式、默认样式+plt.style.use()
Python可视化matplotlib自定义:运行时参数修改.自定义样式.默认样式+plt.style.use() 目录 Python可视化matplotlib自定义:运行时参数修改.自定义样式.默认 ...
html里range怎么改样式,CSS之修改input range样式 [ lion1ou ]
8种机械键盘轴体对比本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? 今天来探讨一下 HTML5 的 range 这个新的 input 类型,不过重点不是在 range 要如何使用,而是在如 ...
让代码看起来更舒服, 修改VS颜色样式
让代码看起来更舒服, 修改VS颜色样式这个blog转载多余原创,越来越忙,代码写的越来越多,眼睛也越来越不舒服,看到了Windie Chai的VS的样式,强烈要求他分享,于是得到了下面两个blog, ...

/deep/仍无法修改el-popover样式

/deep/仍无法修改el-popover样式相关推荐

最新文章

热门文章