Visualforce将文本对齐单选按钮右侧

时间:2015-03-18 12:54:02

标签: salesforce visualforce apex

我有一些简单的代码可以将列表显示为radiobuttons:

<apex:selectRadio value="{!q.option}" layout="pageDirection">
      <apex:selectOptions value="{!q.options}"/>
</apex:selectRadio>

我的问题是选项的文本在单选按钮下方对齐:

O
option1

O
option2

当我需要的是:

O option1
O option2

我怀疑CSS是问题,但我无法访问它。有没有办法覆盖那个CSS来解决这个问题?或任何其他选择?

由于

1 个答案:

答案 0 :(得分:0)

在您的VF页面中,在页面标记的下方,您可以指定样式部分并在组件中添加样式类,就像在.NET中一样。你也可以拥有网站范围的CSS文件,但我认为这不是你在这里要求的。

<apex:page>
<style type="text/css">
    .italicText { font-style: italic; }
</style>
<apex:outputText styleClass="italicText" value="This is kind of fancy."/>
</apex:page>

了解更多信息:https://www.salesforce.com/docs/developer/pages/Content/pages_styling_custom.htm