如何選擇菜單項的背景顏色

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：transparent！important; color：black; display：block; text-decoration：none;}

Answer 2

嘗試刪除a和[之間的空格，原因是如果選擇器之間有空格，它會搜索前一個元素的后代，在你的情況下，a。 所以你的選擇器會讀作為找到一個位於a-tag下面的元素[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>