删除 React Bootstrap 中的下拉箭头

Question

i\xc2\xb4m 尝试使用以下 css 删除下拉箭头，但 \xc2\xb4s 没有产生任何效果。

\n

\n

.dropdown::after{\n  display: none !important; \n}\n

\n

这是代码

\n

<NavDropdown className={classes.user} title="Componentes" id="collasible-nav-dropdown">\n   <NavDropdown.Item href="#action/3.1">Action</NavDropdown.Item>\n   <NavDropdown.Item href="#action/3.2">Another action</NavDropdown.Item>\n   <NavDropdown.Item href="#action/3.3">Something</NavDropdown.Item>\n   <NavDropdown.Divider />\n   <NavDropdown.Item href="#action/3.4">Separated link</NavDropdown.Item>\n</NavDropdown>\n

\n

Answer 1

这是 Bootstrap 下拉箭头中的 CSS：

因此，为了覆盖它，您需要使用相应的 CSS 选择器：

.dropdown-toggle::after {
  display: none !important; 
}

请注意，也许不需要包含!important.