Ant Design:如何在悬停时禁用菜单项的边框底部？

import 'antd/dist/antd.css';

import { Menu } from 'antd';

const { SubMenu } = Menu;

function MyMenu() {
  return (
    <Menu mode="horizontal">
      <SubMenu title="Menu Item 1">
        <Menu.Item key="1">Sub Menu Item 1</Menu.Item>
        <Menu.Item key="2">Sub Menu Item 2</Menu.Item>
      </SubMenu>
      <Menu.Item key="3">Menu Item 2</Menu.Item>
      <Menu.Item key="4">Menu Item 3</Menu.Item>
    </Menu>
  );
}

.ant-menu-submenu-horizontal > .ant-menu-submenu-title:hover {
  border-bottom: none;
}