入力フィールドのあるJSFボタンがあります:
<h:outputLabel for="rowsPerPage" value="Rows per page" />
<h:inputText id="rowsPerPage" value="#{AccountsController.rowsPerPage}" size="3" maxlength="3" style="border: 1px solid #006; height: 24px; border-radius: 3px 3px 3px 3px;" />
<h:commandButton styleClass="bimage" value="Set" action="#{AccountsController.pageFirst}" >
<f:ajax render="@form" execute="@form"></f:ajax>
</h:commandButton>
<h:message for="rowsPerPage" errorStyle="color: red;" />
ご覧のとおり、入力フィールドは「設定」ボタンの下にあります。cssでボタンと入力欄を一行にする方法を教えてください。また、入力フィールドをボタンのように見せるにはどうすればよいですか?
編集:これはhtmlコードです:
<input id="form:rowsPerPage" type="text" name="form:rowsPerPage" value="10" maxlength="3" size="3" style="border: 1px solid #006; height: 24px; border-radius: 3px 3px 3px 3px;" />