Question

我在桌面上有一个透明菜单，但是我的菜单项之一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

Answer 1

尝试用CSS编写。

a [href =“ https://adsler.co.uk/search-adsler/”] {background-color：透明！重要；颜色：黑色；显示：块；文本装饰：无；}

Answer 2

尝试删除a和[之间的空格，原因是如果选择器之间有空格，它将搜索前一个元素（在您的情况下为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>

Answer 3

您声明了一种内联样式。

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

background-color: white;

}

找到并删除它。

Answer 4

将此代码粘贴到您的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;
}

Answer 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元素

Answer 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>

如何选择菜单项的背景色

6 个答案: