更改輸入字段與CSS

我有一個輸入域的JSF按鈕：更改輸入字段與CSS

enter image description here

<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>&nbsp; 
<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;" />

來源

2012-09-20 Peter Penzov

如果您的問題與css/html特別有關，請從瀏覽器發佈呈現的html。如果它涉及到JSF代碼，請將JSF標籤添加到您的問題中。 –

嘗試向commandButton添加1px邊框 –

嘗試增加margin-top: 1px到您的按鈕。

來源

2012-12-07 14:50:57 Ivozor

更改輸入字段與CSS

回答

相關問題