jsf - h:commandButton と Twitter ブートストラップまたはその他のアイコン

Question

スタイルにTwitterのブートストラップCSSを使用しています。その中にアイコンボタンを作るには、「i」タグを使うのが標準的な方法です。 <button type="submit"><i class="icon-search"></i></button>.

しかし <h:commandButton id="myid"><i class="icon-search"></i></h:commandButton> 、レンダリングされた中に HTML を追加するにはどうすればよい <h:commandButton>ですか?

Answer 1

今のところハックを使用しました。こんな感じです（h:commandButtonを非表示にして、新しい送信ボタンを追加しました）。

<h:form id="myFrm" >
   <h:inputText id="search" value="#{user.name}"></h:inputText>
   <h:commandButton id="btnsearch" action="search.xhtml" style="display: none"></h:commandButton>
   <button  type="submit" id="myFrm:btnsearch" name="myFrm:btnsearch"><i class="icon-search"></i></button>
</h:form>