如何删除 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);

我主要是想禁用此菜单箭头，当我想指示此 select 或已禁用并且选项不可用于 select 下拉菜单时。

在通过 browser:I 检查元素时，注意到在 select 框的 div 中还有其他 divs/spans 和一个作为主 select或div特别是

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

删除这个 class 名称后，我可以使 menuArrow 消失。然而，使用查询 Selector 访问带有插入符 class 的特定跨度标记，然后确保这是正确的标记（从具有其他此类 selectors 的整个页面来看）似乎一个轻微的挑战和笨重。这是来自 chrome 上的 inspectElement 的片段。 inspecting the Select element and the span with caret

这似乎是 Selector 的 menuArrow 处理中的一个错误，如果它确实是一个错误，在修复之前有人可以提出解决方法吗？。感谢您的 suggestions/answers。谢谢！

Answer 1

setShowMenuArrow 方法用于其他用途：它转 on/off 这个箭头：

如果您想在所有禁用的 Select 框上隐藏插入符号，您可以尝试使用 css:

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

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

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

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

How do I remove the menuArrow in a Select widget in gwt-bootstrap3?

css

gwt

gwtbootstrap3