如何删除 Bootsfaces 中的 dropMenu 插入符号？答案

【问题标题】：How to remove dropMenu caret in Bootsfaces?如何删除 Bootsfaces 中的 dropMenu 插入符号？
【发布时间】：2018-04-18 12:08:04
【问题描述】：

我在 JSF 项目中使用 BootsFaces 进行响应式 UI 渲染。 BootsFaces 带来的一切看起来都很酷。有了这个，UI设计就容易多了。但与此同时，我发现针对特定情况自定义 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 或我错过的任何内容？

【问题讨论】：

试试.caret { display:none; }
oww .. 这很好。你可以把它放在答案中。它对我有用。

标签： css twitter-bootstrap jsf bootsfaces

【解决方案1】：

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

因此在这种情况下以下工作:)

.caret{
    display: none;
}

【讨论】：

【解决方案2】：

在思考这个问题一周后，我决定不实现专门的 BootsFaces 功能。 CSS 规则可以解决问题。如果您想根据断点显示或隐藏插入符号，它甚至可以工作。只需向其中添加媒体查询即可。

供参考：BootsFaces bug tracker中还有一张票。

【讨论】：

@Rauh 我明白你的意思。实际上，我报告了这个错误。但是我担心的是，您已经在其中添加了drop 选项，并且选项是down 和up，如果有另一个选项none 是不是更直观。当我第一次使用它时，我很确定它一定有这样的选项，但后来我发现，不，没有。也许您可以将drop 选项重命名为drop-icon。那会更有意义。
再想想，我们为什么要使用 bootsfaces？这是因为我们不关心前端的布局和样式。它是一个很棒的图书馆，可以帮助我们减轻工作负担。所以应该有足够的支持来原生自定义样式。
最近我看到一个类似的功能请求，根据屏幕大小显示或隐藏插入符号。恕我直言，这很有意义。但是：这相当于添加了四个新属性（或五个，对于 BS4）。这就是我不情愿的原因。