如何将 border-radius CSS 属性 添加到下拉蚂蚁设计元素中？

Question

我想将 border-radius CSS 属性 添加到我的 ant design 下拉组件中，但我不知道如何实现它。我尝试更改antd-css文件，直接在组件中添加样式对象，但我没有得到结果。我使用 styled-component - 如果它是有用的信息。

Answer 1

我使用了 https://ant.design/components/dropdown/ 中的基本下拉菜单 （基本上悬停时打开菜单，如果这是你想要的）

风格：

.ant-dropdown-menu  {
  border-radius: 50px;
}

根据要求更新：

您可以在 叠加层 项目上使用 style={{ borderRadius: 50 }}。

参考以下截图：

Answer 2

这是我的代码：

import React from 'react'
import { Dropdown } from 'antd'
import { DropDownProps } from 'antd/lib/dropdown'

interface DropdownProps extends DropDownProps {
  children: React.ReactElement
}

const CustomDropdown = ({ children, overlay, placement }: DropdownProps) => {
  return (
    <Dropdown overlay={overlay} placement={placement || 'bottomLeft'}>
      {children}
    </Dropdown>
  )
}
export { CustomDropdown as Dropdown }