0 Replies Latest reply on May 27, 2009 11:29 AM by Alex Cougarman

    Apply style to Reset button

    Alex Cougarman Apprentice

      Hi. I've got these two CommandButtons:

      <h:commandButton id="btnSubmit" action="/home.xhtml" type="submit" value="Submit" />  
      <h:commandButton id="btnReset" value="Reset" type="reset" />


      The site uses the blueSky RichFaces skin and the Submit button has that style but the Reset button doesn't. I modified the theme.xcss file to add the reset type:

      <u:selector name="input[type=submit], input[type=reset], input[type=button]">
       <u:style name="padding" value="1px 4px"/>
       <u:style name="background-image">
       <f:resource f:key="org.richfaces.renderkit.html.GradientA"/>
       </u:style>
       <u:style name="border" value="1px solid"/>
       <u:style name="border-color" skin="headerBackgroundColor"/>
       <u:style name="color" skin="headerTextColor"/>
       <u:style name="font-weight" value="bold"/>
       </u:selector>


      I've also modified the theme.css file to include the reset type button:

      input[type=submit],input[type=reset], input[type=button] {
       font-size: 10px;
       margin: 5px 5px 5px 0;
       cursor: pointer;
      }


      The Reset button is now smaller like the Submit button but doesn't have the blue background; it still has the default gray color. What am I doing wrong? Thanks.