Bootstrap Mobile Nav Transition 显示的不是我在 CSS 中编程的内容

Question

在桌面和移动屏幕尺寸中，我有一个白色的导航栏。 对于移动下拉菜单，我希望背景为灰色。

我已经在较小的屏幕上完成了这个定位 .show - 在 css 中编写灰色背景。

但是，当切换导航按钮打开菜单时，过渡将显示白色背景，并且没有我编写的 CSS，过渡后它会跳转到我告诉它的内容。

我不确定，但也许答案就在 css3 的 ::before 或 ::after 中。

有什么想法吗？

HTML

<!-- Nav -->
<nav class="navbar navbar-expand-lg fixed-top">

  <img class="navlogo img-fluid" src="img/master/logo1.jpg"> 

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
  aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation" style="
  margin-right: 12px;">
  <span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
  <ul class="navbar-nav">

      <li class="nav-item active">
          <a class="nav-link" href="Default.html"><u>Home</u></a>
      </li>
      
    <li class="nav-item">
          <a class="nav-link" href="services.html"><u>Services</u></a>
      </li>
</nav>

CSS

 @media (min-width:345px) and (max-width: 379px) { 
    .navbar .show  {background-color: #f5f5f5; padding:10px; border-bottom:solid 1px black; border-radius: 5px;}    
  }

Answer 1

Austin 你好，您想要做的是直接向导航栏菜单添加背景，还是考虑向您列出的链接添加背景？您可以将我的 show 属性导出到 nav 标签或包含 collepse 类的 div 标签吗？