antd vue的下拉菜单的中的overlayClassName无效,应该怎么解决?

唐_璜Taro
  • 6

请假各位一个问题,我现在使用的是antd vue的下拉菜单,根据项目需要,目前要把下单菜单自定义一些样式,现样式如下,本人用到是less语法,在main.js里面引入的less,不是css,因为做了自定义主题颜色

image.png

在antd的api中说是overlayClassName,可以重新自定义类名,修改样式,但是我用了以后,却没有任何的效果

image.png

image.png

css样式

image.png

在线求解答

我又重新看了一下Dom结构,这个下拉列表已经不在app这个元素里面了
image.png

回复
阅读 199
2 个回答

本地测试了下没发现问题,可以审查元素查看一下

  1. 是否样式没加载成功
  2. 是否设置的背景色被子元素的背景色盖住了

我之前也碰到你这个情况,当时是table样式走全局,td都行。th不行(固定和非固定表头情况都写了)。见了鬼了。后来我直接写到页面里了,并且用了scoped。

你试试.menulay{...}直接放在当前页面行不行。如果行,第一说明你样式都没写错,第二再把他丢进全局(如果有层级嵌套再检查一遍),然后就像你一样,就写一个background:#000!important 先不管什么/deep/。。。,并去掉当前页面的(scoped)如果这样都不行。没办法这玩意bug坑也蛮多。反正我是转elementUI去了。

 <style lang="less" scoped>
   .menulay{
    ...
   }
 </style>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏