SelectOneMenuの幅がブートストラップを使用していません

Question

私はselectOneMenu JSF 2を使用していて、その幅を変更しようとしていません。

`<h:selectOneMenu style="width:280px" styleClass="selectpicker"`> 
      <f:selectItem itemValue="1" itemLabel="A" /> 
      <f:selectItem itemValue="2" itemLabel="B" /> 
      <f:selectItem itemValue="3" itemLabel="C " /> 
     </h:selectOneMenu>` 

私はすでにデータ幅を加算し、それもうまくいきませんでした試みたstyleClass = "selectpicker"

を削除する場合にのみ動作します。任意のヒント？

Answer 1

selectpickerには、幅のスタイルが適用されなくなる独自のCSSプロパティが設定されている必要があります。 selectpicker内に設定されたプロパティを貼り付けることができます。

Answer 2

inspect要素のh：selectOneMenuコンポーネントのcssクラスを見つけて、それをカスタムCSSファイルで上書きします。

例：

.selectOneMenuClassName{ 
    width:280px !important; 
} 

正しいクラス名を見つけてください。