如何选择菜单项的背景颜色答案

【问题标题】：How to select background color of menu item如何选择菜单项的背景颜色
【发布时间】：2019-05-14 19:59:02
【问题描述】：

我在桌面上有一个透明菜单，但我的一个菜单项search adsler 具有白色背景色。我怎样才能选择它来摆脱它？我还想将文本颜色从灰色更改为黑色。基本上它应该和其他菜单项一样，hover 和active 白色，休眠=透明。

HTML：

<li id="menu-item-2952" class="fa fa-search menu-item 
menu-item-type-post_type menu-item-object-page menu- 
item-2952"><a title="Search Adsler" 
href="https://adsler.co.uk/search-adsler/">Search 
Adsler</a></li>

我试过了：

a [href="https://adsler.co.uk/search-adsler/"] 
{background-color: transparent !important; color: black;}

没用。

页面：https://adsler.co.uk

【问题讨论】：

标签： html css wordpress

【解决方案1】：

将此代码粘贴到您的 CSS 文件中

 li#menu-item-2952 a {
        background-color: unset!important;
    }
    ul.dropdown-menu li a {
        color: black!important;
    }
li#menu-item-2952 a:hover {
   background-color: white!important;
}

【讨论】：

另外，我想你不知道为什么，当我将鼠标悬停在菜单上一会儿，然后尝试选择一个项目时，菜单消失了，我必须选择下拉菜单再次，再次下到我要选择的项目？
那行得通。杰出的。多谢，伙计。只是在活动或悬停时它似乎没有以白色突出显示？

【解决方案2】：

尝试用 Css 编写。

a [href="https://adsler.co.uk/search-adsler/"] {背景颜色：透明！重要；颜色：黑色；显示：块；文字装饰：无；}

【讨论】：

【解决方案3】：

尝试删除 a 和 [ 之间的空格，背后的原因是，如果选择器之间有空格，它会搜索前一个元素的后代，在您的情况下，a。所以你的选择器会读作找到我一个元素[href...]，它在一个标签下面，所以像这样：<a> <[href=...]> </[href=...]> </a>

既然你想找到一个具有这个属性的a，你应该省略空格：

a[href="https://adsler.co.uk/search-adsler/"]  {color: green;}

<ul>

<li id="menu-item-2952" class="fa fa-search menu-item  menu-item-type-post_type menu-item-object-page menu-item-2952">
  <a title="Search Adsler" href="https://adsler.co.uk/search-adsler/">Search  Adsler</a>
</li>

</ul>

【讨论】：

【解决方案4】：

你声明了一个内联样式。

a[href="https://adsler.co.uk/search-adsler/"] {

background-color: white;

}

找到并删除它。

【讨论】：

【解决方案5】：

先给它添加一个特定的类，然后在你的 .CSS 上修改背景：

假设newClass：

<li id="menu-item-2952" class="newClass fa fa-search menu-item 
menu-item-type-post_type menu-item-object-page menu- 
item-2952"><a title="Search Adsler" 
href="https://adsler.co.uk/search-adsler/">Search 
Adsler</a></li>

然后在 CSS 上：

.newClass {
    background-color: rgba(0, 0, 0, 0);
    color: grey;
}

希望对您有所帮助，如果您想添加其他背景颜色，只需更改 background-color 元素

【讨论】：

【解决方案6】：

在标签之间使用内联样式。试试这个：

<li id="menu-item-2952" class="fa fa-search menu-item menu-item-type-post_type menu-item-object-page menu-item-2952">
    <a title="Search Adsler" href="https://adsler.co.uk/search-adsler/" style="background:transparent;">
        Search Adsler
    </a>
</li>

【讨论】：