如何给出边界半径反应引导下拉菜单

Question

我正在使用 React-bootstrap 下拉菜单，代码如下：

<DropdownButton id="dropdown-Nav" variant="danger"> 
    <Dropdown.Item as="button">object1</Dropdown.Item>
    <Dropdown.Item as="button">object2</Dropdown.Item>
    <Dropdown.Item as="button">object3</Dropdown.Item>
</DropdownButton>

但我得到的是方形下拉菜单而不是圆形下拉菜单。

如何将border-radius 提供给我的下拉菜单。

提前问好

Answer 1

你可以使用css。

#dropdown-Nav {
   border-radius: 5px;
}

#dropdown-Nav .dropdown-menu {
border-radius: 5px;
}