Gallery

Modules

Documentation

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

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>