您应该能够使用 css 执行此操作。几乎所有的 Visualforce 标签都有一个名为 styleClass 的属性,它是要使用的 css 类的名称,即:
<apex:inputText styleClass="myClass" ... />
变成:
<input type="text" class="myClass" ... />
因此,您可以使用它在页面顶部使用 CSS 指定宽度。这是使用标准联系人控制器的页面的完整示例(虽然没有很好的格式!):
<apex:page standardController="Contact">
<style type="text/css">
.myClass { width: 400px; }
</style>
<apex:form >
<apex:outputLabel for="firstName" value="First Name"/>
<apex:inputText styleClass="myClass" id="firstName" value="{!Contact.FirstName}"/>
</apex:form>
</apex:page>
这也适用<apex:inputField>
,但要警惕不同字段类型可能发生的情况。要更具体地使用 css(仅限 CSS 3!),您可以这样做:
input[type="text"].myClass = { width: 400px; }