css - 如何删除 Bootsfaces 中的 dropMenu 插入符号？

Question

我正在使用 BootsFaces 在 JSF 元素中进行响应式 UI 渲染。 BootsFaces 的一切看起来都很酷。有了这个，UI 设计就容易多了。但与此同时，我发现可能没有足够的灵 active 来针对非常具体的情况自定义 UI。

就像在我的 navbar 中一样，我使用 dropMenu 标签作为下拉菜单。

<b:navBar brand="Brand" brandHref="#" fluid="true">
  <b:navbarLinks pull="right" styleClass="hidden-xs">

    <b:dropMenu value="Dropdown">
      <b:navLink value="Action" href="#"></b:navLink>
      <b:navLink value="Another action" href="#"></b:navLink>
    </b:dropMenu>

  </b:navbarLinks>
</b:navBar>

这看起来很像

但我不希望 Dropdown 文本的下方(或上方插入符号)。

我已经查看了关于 DropMenu 的 BootsFaces 文档.我唯一发现的是 down 选项实际上对此没有帮助。有谁知道如何从 dropMenu 中删除它？ BootsFaces 中遗漏的任何 CSS 或任何内容？

Answer 1

我浏览了 BootsFaces Documentation并发现下拉图标有 caret 类。

因此，以下内容在这种情况下有效:)

.caret{
    display: none;
}