是否可以向Salesforce中的字段添加样式？

我需要将输入文本转换为大写。一旦我们在输入字段中键入一些文本，它就需要将其转换为大写

为此，我们有以下css样式：

 style="text-transform: uppercase"

使用这种样式，文本将自动以大写字母输入，因此我们不需要做任何额外的操作，但Salesforce中没有向字段添加样式的选项

---

有什么方法可以做到这一点吗？

不幸的是，没有一种简单的方法可以将CSS样式添加到在编辑模式下出现在标准页面布局上的字段中。但是，您可能需要探索一些选项（如下所列）

---

视觉力 您可以在Visualforce中向[inputtext]添加样式属性(http://www.salesforce.com/us/developer/docs/pages/Content/pages_compref_inputText.htm)或组件

<apex:inputtext value="{!Widget__c.Name}" style="text-transform:uppercase;" />

---

标准页面布局 选项1：在标准页面布局中嵌入Visualforce页面 要在标准的页面布局上执行此操作，您可以为希望使用此功能的字段创建Visualforce页面。然而，这将仅在记录视图中显示。它在编辑时不可见

Visualforce页面如下所示（其中，

Widget\uu c

被您正在使用的sObject替换）：

---

JavaScript库）。然后JavaScript可以找到字段，添加
文本转换：大写样式，并将一个函数绑定到keyup事件，以将所有输入的字符转换为大写（
element.value.toUpperCase（）；
）。有关此方法的更多信息，请查看为JavaScript添加侧栏组件。他使用此方法在标准页面布局上显示和隐藏按钮，但可以根据您的目的对其进行修改。
Matthew，需要在Salesforce中执行上述操作，使用Visualforce页面；您需要在标准页面布局上执行此操作吗？您可以将JavaScript添加到侧栏组件，然后找到字段并将函数绑定到keyup事件。查看Tehnrd关于为JavaScript添加边栏组件的帖子：。创建Visualforce页面并将其包含在页面布局中可能更容易。我编辑了我的答案以包含Visualforce页面（在页面布局中）方法。
<apex:inputtext value="{!Widget__c.Name}" style="text-transform:uppercase;" onkeyup="var u=this.value.toUpperCase();if(this.value!=u){this.value=u;}" />

<apex:page standardController="Widget__c">
    <apex:form id="WidgetForm">
        <apex:actionFunction name="SavePost" action="{!save}" rerender="WidgetPanel" status="str" />
        <apex:outputpanel id="WidgetPanel">
            <apex:inputtext id="WidgetName" value="{!Widget__c.Name}" style="text-transform:uppercase;" onkeyup="var u=this.value.toUpperCase();if(this.value!=u){this.value=u;}" />
            <apex:commandbutton value="Save" styleClass="btn" onclick="SavePost();" />
            <apex:actionStatus startText="Loading..." stopText="" id="str"> </apex:actionStatus>
        </apex:outputpanel>
    </apex:form>
</apex:page>