I apply slds styles on apex:commandButton, but it does it not as in docs but in a strange way:
- Standard apex:commandbutton without styles
- apex:commandbutton with styleClass="slds-button"
- Button without style.
- Button with clas="slds-button"
Code:
<apex:page standardController="Account" extensions="AccountExtension" sideBar="false">
<apex:stylesheet value="{!URLFOR($Resource.sfdc_lightning, 'assets/styles/salesforce-lightning-design-system.css')}" />
<apex:outputPanel id="test">
<apex:form >
<div class="slds">
<div id="startButtonDiv" class="slds-button">
<apex:commandButton value="Start" action="{!redirectToProcessing}" id="standardApexButton" rendered="{!showStartButton}" rerender="none"/>
<apex:commandButton value="Start" action="{!redirectToProcessing}" id="StyledApexButton" rendered="{!showStartButton}" rerender="none" styleClass="slds-button"/>
<button id="NormalButton">Start</button>
<button id="styledNormalButton" class="slds-button">Start</button>
</div>
</div>
</apex:form>
</apex:outputPanel>
</apex:page>
Is there a way to apply styles to apex:commandButton so it will look like a last styled button? Thank you in advance!