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

Question

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

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

css样式

在线求解答

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

Answer 1

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

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

Answer 2

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

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

 <style lang="less" scoped>
   .menulay{
    ...
   }
 </style>