• Register
  • Log In
  • Home
  • Quick Start
    • Configurator
    • Download YUI 3
  • Documentation
    • User Guides
    • Examples
    • API Docs
    • Environments
    • Tutorials
  • Community
    • Gallery
    • Blog
    • Forums
    • YUI Theater
    • Calendar
  • Contribute
    • YUI on GitHub »
    • File a Ticket
    • View Tickets
    • Dashboard
  • Other Projects
    • Shifter »
    • Yogi »
    • YUI 2
    • YUI Doc »
    • YUI Test
    • YUI Website
    • YUI Compressor »
    • YUI Builder »
    • YUI PHP Loader
    • Grid Builder »
    • Skin Builder »
  • YUI
  • >
  • Community
  • >
  • Gallery

Gallery

Modules

  • Home
  • Featured
  • Popular
  • New
  • All

Documentation

  • Yogi Documentation
  • Shifter Documentation
  • Developer Guide
  • Module Setup

Tag Cloud

Context Navigation

    YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

    CSSButton (gallerycss-cssbutton) on cdn

    Last Updated: 01/9/13
    + 0 -

    Derek Gathright

    YUI Developer

    See 2 more by this user.

    Featured Item

    Created: 07/28/11
    Last CDN Push: 05/23/12
    Build Tag: gallery-2012.05.23-19-56
    Project: YUI 3
    License: YUI BSD
    YUI Version: 3.8.0
    Free for use.

    A CSS skin containing styles for button-like elements.

    Update 5/9/2012
    gallerycss-cssbutton was promoted to a core module as part of the Button component. This module now matches the YUI 3.5.1 cssbutton module.

    Not deprecating for anticipation of future development.

    Update 7/27/2011
    Known issues

    • Limited IE support. Tested in Firefox 5 and Chrome 12
    • Button type "Back" is still experimental. It does not render properly when applied to <button> or <input> elements, and is optimally used with (approximate) font-sizes 10px to 18px.
    • Does not have appropriately colored icons for state "Selected" with skin "Sam"

    • Tags:
    • drgath
    • Download
    • Docs
    • Homepage
    • Bugs
    • Source
    • Example
    • Forum
    • History

    Code Sample

    <script src="http://yui.yahooapis.com/3.8.0/build/yui/yui-min.js"></script>
    <!DOCTYPE html>
    <html>
      <head>
        <link href="http://yui.yahooapis.com/gallery-2012.05.23-19-56/build/gallerycss-cssbutton/gallerycss-cssbutton.css" type="text/css" rel="stylesheet" />
        <script src="http://yui.yahooapis.com/3.8.0/build/yui/yui-min.js"></script>
      </head>
     
      <body class="yui3-skin-sam">
        <div class="yui3-button">Button A</div>
        <a class="yui3-button">Button B</a>
        <button class="yui3-button">Button C</button>
        <input type="submit" class="yui3-button" value="Button D"></input>
      </body>
    </html>

    © 2006-2013 Yahoo! Inc. All rights reserved.
    All code on this site is licensed under the BSD License unless stated otherwise.
    About This Site · Security Contact Info