Ant design vue Popover组件样式设置无效

Ant design vue Popover组件样式设置无效_第1张图片
Ant design vue Popover组件样式设置无效_第2张图片
审查元素的时候在.ant-popover-title里加上background-color:red;是有效的,但是我自己写代码的时候,这样写

/deep/.ant-popover-title{
background-color:red;
}

无效,折腾了半天,死活不起作用,最后查资料是把

这样就可以了
我在我项目中的代码如下:
Ant design vue Popover组件样式设置无效_第4张图片

Ant design vue Popover组件样式设置无效_第5张图片
有的时候f父子组件嵌套,变成父级节点会影响,所有还有一种方法:给a-popover标签加上一个类名overlayClassName,然后样式在.pop里面写,这样,即使去掉scoped后也不影响其他popover

  <a-popover placement="bottomRight" overlayClassName="pop" :visible="visible">
  a-popover>
.pop{
.ant-popover-title {
  border-bottom: none;
}
.ant-popover-inner-content {
  display: none;
}
}

你可能感兴趣的:(css,html,Ant,design,vue)