+ Start a Discussion
Mounika GomaramMounika Gomaram 

How to write CSS for the following visualforce page ??

Hi All,

I need css for the following code, which should result like a google form..

<apex:page >
    <apex:form >
        <apex:pageBlock >
          <apex:pageblocksection title="How Do You Like it ?" columns="4" >
          <b>Best</b><apex:inputCheckbox />
          <b>Good</b><apex:inputCheckbox />
          <b>Poor</b><apex:inputCheckbox />
          <b>worst</b><apex:inputCheckbox />    
        </apex:pageblocksection>
        <apex:pageblocksection columns="4">
         <b>Comments</b> <apex:inputTextArea />
        </apex:pageblocksection>
        <apex:pageBlockButtons >
             <apex:commandButton value="Submit" action="{!Submit}"/>
        </apex:pageBlockButtons>
       </apex:pageBlock>
    </apex:form>
</apex:page>

Can anyone help me out??

Thanks,
Mounika
 
rajesh k 10rajesh k 10
<apex:page standardstylesheets="false" showheader="false">
<apex:stylesheet value="{!$Resource.CssExample}"/>
<h1> This text is displayed using CSS </h1>
</apex:page>
h1
{
color:green;
}
.button1
{
background-color:#00FF00;
font-weight:bold;
color:#E56717;
}
.button2
{
background-color:#C12283;
font-weight:bold;
color:#EE9A4D;
}
a:hover
{
color:#F665AB;
}
a
{
color:#52D017;
font-size:20px;
}
<apex:page standardstylesheets="false" showHeader="false">
<apex:form >
    <apex:stylesheet value="{!$Resource.CssExample}"/>
    <h1> This text is displayed using CSS </h1>
        <apex:commandButton styleclass="button1" value="Click Me!"/>
        <apex:commandButton styleclass="button2" value="Click Me!"/>
        <apex:commandlink value="Clik me!"/>
    </apex:form>
</apex:page>
Try above pages
If you want to apply CSS styles for standard salesforce page use standardstylesheets="false"


Thanks!