在下拉菜单中更改背景颜色 - 移动

Question

对于此网址：https://www.losangelesinjurycenter.net/，我有一个最奇怪的问题。移动设备上的下拉菜单的背景颜色应该是深蓝色（如顶部标题区域）。但由于某些未知原因，它现在是白色的（带有白色字体）。

它应该从这个id中获取颜色（＃00203e）：＃full-width-header。但由于某种原因，它不是。

CSS

#full-width-header {
    background: #00203e none repeat scroll 0 0;
    border-bottom: 0px solid #c0c0c0;
    padding: 15px 0;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

在移动下拉列表中看起来像这样 - https://www.losangeleslegalcenter.net/。

CSS：

@media (max-width: 1100px)
.menu {
width: 100%;
border-width: 1px 0 0 0;
lear: both; 
}

HTML：

<ul id="menu-main-menu" class="menu show_menu"><li id="menu-item-15631" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15631"><a href="https://www.losangelesinjurycenter.net/about/">About</a></li>
<li id="menu-item-15628" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-15628"><a href="#">Categories</a>
<ul class="sub-menu">
    <li id="menu-item-15691" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-15691"><a href="https://www.losangelesinjurycenter.net/category/personal-injury/">Personal Injury</a></li>
</ul>
</li>
<li id="menu-item-15633" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15633"><a href="https://www.losangelesinjurycenter.net/contact-us/">Contact Us</a></li>
</ul>

Answer 1

现在你的下拉列表没有它自己的元素，它实际上是body的一部分（这里我添加了红色background-color到body元素用于演示）：

有两种方式：

1. 使用background-color元素的更改body（但它会影响其他样式，正如您所看到的，该文章也是红色的，它似乎不是一个好方法）。

2. 重新创建您的下拉列表，将其包装在您可以设置样式的HTML元素中，而不会影响文章和其他元素。