ant design menu 下拉菜单 样式修改不动，请教 第二次提问

Question

下拉菜单，修改行高和背景色。看了好多贴子，都没用啊
https://www.antdv.com/components/menu-cn#components-menu-demo-horizontal 就第一个例子，水平的顶部导航菜单
第一次提问的：
https://ask.csdn.net/questions/7718329

我只是把原代码的局部 ：
做 了一点点修改 ，取消了组，于是 下拉菜单位 样式怎么都修改不动了
要修改 下拉菜单 行高和背景色

这是原来的：
    <a-sub-menu key="sub1">
      <template #icon>
        <setting-outlined />
      </template>
      <template #title>Navigation Three - Submenu</template>
      <a-menu-item-group title="Item 1">
        <a-menu-item key="setting:1">Option 1</a-menu-item>
        <a-menu-item key="setting:2">Option 2</a-menu-item>
      </a-menu-item-group>
      <a-menu-item-group title="Item 2">
        <a-menu-item key="setting:3">Option 3</a-menu-item>
        <a-menu-item key="setting:4">Option 4</a-menu-item>
      </a-menu-item-group>
    </a-sub-menu>

这是修改后的：
  <a-sub-menu key="sub1">
      <template #icon>
        <setting-outlined />
      </template>
      <template #title>Navigation Three - Submenu</template>
      // <a-menu-item-group title="Item 1"> 组不要
        <a-menu-item key="setting:1">Option 1</a-menu-item> // 这个要
        <a-menu-item key="setting:2">Option 2</a-menu-item> // 这个要
     //  </a-menu-item-group>
     // <a-menu-item-group title="Item 2"> 组不要
        <a-menu-item key="setting:3">Option 3</a-menu-item> // 这个要
        <a-menu-item key="setting:4">Option 4</a-menu-item>  // 这个要
     //</a-menu-item-group> 组不要
    </a-sub-menu>

按理说这样总可以吧，事实是不行。
.ant-menu-submenu-popup  li{
    background-color: rgb(185, 42, 42) !important;
}

Answer 1

.ant-menu-horizontal{
  line-height:50px!important;
  background:#f00  
}