如何在gwt-bootstrap3中的Select小部件中删除menuArrow？

Question

我一直试图有条件地删除当前项目中使用gwt-bootstrap3的Select框末尾的菜单箭头。

我尝试了以下选项：

<select:Select ui:field="fieldName" name="fieldName" b:id="fieldName" showMenuArrow="false">
    <select:Option ui:field="option1" text="option1Text"/>
</select:Select>

我也尝试通过api，使用

fieldName.setShowMenuArrow(false);

当我想要指示此选择器已禁用且选项不适用于选择下拉列表时，我主要是要禁用此菜单箭头。

通过浏览器检查元素：我注意到在选择框的div中有其他div / spans和一个嵌套为主选择器div的子项，特别是

<span class="caret"></span>

删除此类名后，我可以使menuArrow消失。 然而，使用querySelector访问特定的span标签，然后确保这是正确的（从整个页面也有其他这样的选择器）似乎是一个轻微的挑战和笨拙。 这是chrome上的inspectElement的片段。 inspecting the Select element and the span with caret

这似乎是选择器的menuArrow处理中的一个错误，如果它确实是一个，任何人都可以建议一个解决方法，直到修复？感谢您的建议/答案。谢谢！

Answer 1

setShowMenuArrow方法用于其他方法：它打开/关闭此箭头：

如果您想隐藏所有已禁用的选择框，请尝试使用css：

.bootstrap-select.disabled .caret {
    display: none;
}

如果你只想隐藏其中的一部分，首先添加新的类名，例如no-caret-on-disabled并使用它：

.bootstrap-select.disabled.no-caret-on-disabled .caret {
    display: none;
}