更改输入字段与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

回答

相关问题