How to remove dropMenu caret in Bootsfaces?

Question

I am using BootsFaces for my responsive UI rendering in JSF project. Everything looks cool that comes up with BootsFaces. UI design is much easier with this. But at the same time I find there might be not enough flexibility to customize the UI for very specific situations.

Like in my navbar I am using dropMenu tag for a dropdown menu.

<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>

And this renders alomost like

But I dont want the down (or up caret) right to the Dropdown text.

I have checked BootsFaces documentation about DropMenu. Only thing I finds there is down option that actually doesn't help about this. Does anyone have any idea how can I remove this from dropMenu? Any CSS or anything I have missed from BootsFaces ?

Answer 1

I went through the BootsFaces Documentation and found that the dropdown icon has caret class to it.

Hence the following worked in this case :)

.caret{
    display: none;
}