Как выбрать цвет фона пункта меню

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

Использовать встроенный стиль между тегами. Попробуйте это:

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

Answer 2

Сначала добавьте в него определенный класс, затем измените фон на вашем .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 3

Вставьте этот код в ваш файл 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 4

У вас объявлен встроенный стиль.

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

background-color: white;

}

Найдите и удалите его.

Answer 5

Попробуйте удалить пробел между a и [, причина в том, что если между селектором есть пробел, он ищет потомка предыдущего элемента, в вашем случае a.Таким образом, ваш селектор будет читать как найти меня элемент [href...], который находится ниже a-тега, что-то вроде этого: <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 6

Попробуйте написать это на Css.

a [href = "https://adsler.co.uk/search-adsler/"] {цвет фона: прозрачный! важный; цвет: черный; дисплей: блок; текстовое оформление: нет;}