css - 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 があり、1 つがメイン セレクター div の子としてネストされていることに気付きました。

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

このクラス名を削除すると、menuArrow を非表示にすることができます。ただし、querySelector を使用してこのキャレット クラスで特定のスパン タグにアクセスし、これが正しいものであることを確認することは (他のそのようなセレクターもあるページ全体から)、少し難しく扱いにくいようです。これは、クロムの inspectElement のスニペットです。 Select要素とスパンをキャレットで検査する

これは、セレクターの menuArrow 処理のバグのように思われます。実際にバグである場合、修正されるまで回避策を提案できますか? あなたの提案/答えに感謝します。ありがとう！