相关疑难解决方法(0)

React-Bootstrap 下拉菜单组件上的自定义样式

我正在尝试将自定义 css 样式应用于 react bootstrap 组件，但无法确定如何访问组件的 JSX 中不明确的元素。例如：

<ButtonGroup>
      <DropdownButton className="ddown" id="ddown" title="Dropdown">
      <MenuItem className="itemxx" href="#books">Books</MenuItem>
      <MenuItem className="itemxx" href="#podcasts">Podcasts</MenuItem>
      <MenuItem className="itemxx" href="#">Tech I Like</MenuItem>
      <MenuItem className="itemxx" href="#">About me</MenuItem>
      <MenuItem className="itemxx" href="#addBlog">Add a Blog</MenuItem>
      </DropdownButton>
    </ButtonGroup>

Run Code Online (Sandbox Code Playgroud)

没有下拉框的出口，我希望给它一个特定的宽度并消除它的圆角。有没有办法可以在我的 css 中访问它？

编辑：

这是我要编辑的元素，顺便说一下，如果我尝试通过 .dropdown-menu 访问，1) 我更改了所有下拉列表，2) 我无法更改其大部分值。