Css 从下拉导航元素中删除背景颜色和宽度

我正在使用WPML插件翻译我的网站。通过单击下面的链接可以看到，如果将鼠标悬停在标志上，nav下拉列表将继承nav其余部分的类（白色背景、填充宽度等）。我想使背景透明，以便只显示标志。我尝试了几种方法来解决这个问题，但都没有效果。这是我正在尝试使用的CSS。有人能帮忙吗

.sub-menu is--forced-placed {
  width: auto;
  background-color: none;
  color: none;
}

---

链接到我的网站：

你可以尝试下面的css

ul.primary-menu>.menu-item.menu-item-has-children>.sub-menu{
background-color:transparent;
}

---

你可以试试下面的css

ul.primary-menu>.menu-item.menu-item-has-children>.sub-menu{
background-color:transparent;
}

好的，再来一次：

您的css选择器应该如下所示

.sub menu.is--强制放置

，因为这两个类都位于ul元素上。但是如果您使用这个选择器，它将不起作用，因为还有另一个css规则覆盖了这个选择器。我们必须将ul添加到选择器：

ul.sub-menu.is--forced-placed

。现在，此选择器将覆盖附加到此元素的其他规则

另一件事是，下拉菜单上的

minwidth

规则会影响语言下拉菜单延伸到

minwidth:13.75rem。所以我们也必须覆盖它

最后要说的是，您不能将
背景色
或
颜色
设置为
无
。您必须使用透明的

尝试此css，并告诉我们这是否有效：

ul.sub-menu.is--forced-placed {
    min-width: auto;
    background-color: transparent;
    color: transparent;
}

好的，再来一次：

您的css选择器应该如下所示
.sub menu.is--强制放置
，因为这两个类都位于ul元素上。但是如果您使用这个选择器，它将不起作用，因为还有另一个css规则覆盖了这个选择器。我们必须将ul添加到选择器：
ul.sub-menu.is--forced-placed
。现在，此选择器将覆盖附加到此元素的其他规则

另一件事是，下拉菜单上的
minwidth
规则会影响语言下拉菜单延伸到
minwidth:13.75rem。所以我们也必须覆盖它

最后要说的是，您不能将
背景色
或
颜色
设置为
无
。您必须使用透明的

尝试此css，并告诉我们这是否有效：

ul.sub-menu.is--forced-placed {
    min-width: auto;
    background-color: transparent;
    color: transparent;
}

查看inspect，如果您能找到添加
背景色的方法：rgba（0,0,0,0）到下面的css。您还需要删除边框，这样就不会出现任何有趣的线条

ul.primary-menu > .menu-item.menu-item-has-children > .sub-menu {
    border-top: 1px solid rgba(0,0,0,0.075);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);  
}

然后它就会变得透明。可能也许

宽度我还在看，但我也在喝汤，所以我现在有点慢。
通过检查，如果你能找到添加背景颜色的方法：rgba（0,0,0,0）到下面的css。您还需要删除边框，这样就不会出现任何有趣的线条

ul.primary-menu > .menu-item.menu-item-has-children > .sub-menu {
    border-top: 1px solid rgba(0,0,0,0.075);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);  
}

然后它就会变得透明。可能也许

宽度我还在看，但我也在喝汤，所以我现在有点慢。

ul.primary-menu>.menu-item.menu-item-has-children>.sub-menu{
background-color:transparent !important;
}

！重要信息
使其覆盖所有规则

.sub-menu is--forced-placed {
  width: auto !important;
  background-color: none !important;
  color: none !important;
}

但是我会使用第一个例子
背景色：透明！重要的代替背景色：无！重要的
此

ul.primary-menu>.menu-item.menu-item-has-children>.sub-menu{
background-color:transparent !important;
}

！重要信息
使其覆盖所有规则

.sub-menu is--forced-placed {
  width: auto !important;
  background-color: none !important;
  color: none !important;
}

但是我会使用第一个例子
背景色：透明！重要的代替背景色：无！重要的
只是一个简单的查询，但是图像的背景也是透明的吗？我在这里看到一个小的语法错误<代码>是--强制放置的
不是有效的css语法。这里发生的事情是，它试图通过类的dom
子菜单来查找元素
是--强制放置的
，
只是一个简单的查询，但是图像的背景也是透明的吗？我在这里看到了一个小的语法错误<代码>是--强制放置的
不是有效的css语法。这里发生的事情是，它试图找到元素
是--强制放置
在类的dom
子菜单中
对发生的事情进行一点解释将有助于OPa对发生的事情进行一点解释将有助于OPa宽度来自.primary menu>ul.children，ul.primary-menu.sub菜单{min-width:13.75rem；}宽度来自.primary-menu>ul.children，ul.primary-menu.sub-menu{min-width:13.75rem；}这是最接近任何人的。但不幸的是，它使所有下拉列表都透明（参见我的页面）。有没有办法只让语言下拉列表透明？此外，正如您所看到的，该标志没有直接出现在另一个的下方。有没有办法解决这个问题？什么是
是--强制放置
类以便在ul标签中下拉？是您的自定义类还是动态生成的类？它是动态生成的。可能是通过WPML？这是迄今为止最接近的一次。但不幸的是，它使所有下拉列表都变得透明（参见我的页面）。有没有办法只让语言下拉列表透明？此外，正如您所看到的，该标志没有直接出现在另一个的下方。有没有办法解决这个问题？什么是
是--强制放置
类以便在ul标签中下拉？是您的自定义类还是动态生成的类？它是动态生成的。可能是通过WPML？