apex-code - Apex 命令按钮样式类不适用

Question

我有两个 VF 页面。一个是常规页面，另一个是样式页面。样式页面中定义的样式类 'button1' 不能应用于常规页面中的 commandButton。我调查了翻译后的 HTML 代码。这些commandButton 的样式类是'btn button1'，而不是我定义的'button1'。为什么 SalesForce 编译器会在其中添加“btn”？谢谢。

常规的是：

<apex:page standardController="Account" standardStylesheets="false">
    <apex:include pageName="{!$Page.MyStylePage}"/>
    <apex:form>
        <apex:commandButton value="Dismissed" styleClass="button1"/>
        <apex:commandButton value="Pursue" styleClass="button1"/>
    </apex:form>
</apex:page>

样式页面是

<apex:page id="MyStylePage">
    <style type="text/css">
    .button1 {
            border:  1px;
            padding: 10px;
            margin-left: 50px;
            margin-right: 50px;
        }
    </style>    
</apex:page>

Answer 1

SF 风格会覆盖您的风格，您可以将按钮更改为

<input type="button" style="button1" title="Pursue" />