首页 > 解决方案 > 如何将border-radius CSS属性添加到下拉蚂蚁设计元素?

问题描述

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

标签: cssreactjsantdstyled-componentsant-design-pro

解决方案


我使用了https://ant.design/components/dropdown/中的基本下拉菜单 (如果您想要的话,基本上会在悬停时打开菜单)

风格:

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

边框半径 50px 演示截图

按要求更新:

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

请参阅下面的屏幕截图以供参考: 使用风格


推荐阅读