其他分享
首页 > 其他分享> > el-popover 样式修改

el-popover 样式修改

作者:互联网

 

<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>
<style>
.el-popover{
  background-color: transparent !important;
  border-color:  rgb(40, 128, 191) !important;
}
.el-popover[x-placement^="bottom"] .popper_arrow {
  border-bottom-color:#000 !important;
}
.el-popover[x-placement^="bottom"] .popper_arrow::after{
  border-bottom-color: #000 !important;
}
.el-popover.popoverStyle{
  background: #000e2b !important;
  opacity: 0.9;
}

</style>

在app.vue 中修改样式 因为popover是和app 平级的,所以定义一个class名。全局改样式。

 

标签:el,bottom,样式,color,important,popover,border
来源: https://blog.csdn.net/huobaotianwang/article/details/120945557