我正在尝试将自定义 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>
下拉框没有出口，我希望为其提供特定的宽度并消除其圆角。有没有办法可以在我的CSS中访问它？
EDIT:
这是我要编辑的元素，顺便说一下，如果我尝试通过 .dropdown-menu 访问，1）我更改所有下拉菜单，2）我无法更改其大部分值。
添加自定义类名<MenuItem></MenuItem>并通过附加一个来编辑它a自定义时位于 .css 文件中的 className 末尾。
在您的 .js 文件中：
<MenuItem className="dropdown-link"> DaItem </MenuItem>
在您的 .css 文件中：（注意a在选择器中）
.dropdown-link a {background: red; color: yellow;}
PS：您可能需要添加!important在 .css 中
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
