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

Question

我一直試圖有條件地刪除當前使用gwt-bootstrap3的項目中“選擇”框末尾的菜單箭頭。

我嘗試了以下選項：

<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 / span，其中一個嵌套為主要選擇器div的子元素，尤其是

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

刪除此類名稱后，我可以使menuArrow消失。 但是，使用querySelector使用此插入符號類訪問特定的span標記，然后確保它是正確的標記（從整個頁面中也具有其他這樣的選擇器）似乎是一個小挑戰和笨拙。 這是chrome上的inspectElement的片段。 使用插入符號檢查Select元素和跨度

這似乎是選擇器的菜單箭頭處理中的一個錯誤，如果確實是一個錯誤，那么有人可以提出解決方法，直到修復為止。 欣賞您的建議/答案。 謝謝！

Answer 1

setShowMenuArrow方法用於其他setShowMenuArrow ：它打開/關閉此箭頭：

如果要在所有禁用的選擇框上隱藏插入符號，可以嘗試使用CSS：

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

如果您只想隱藏其中的一部分，請首先添加新的類名，例如no-caret-on-disabled並使用此名稱：

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