Button

Usage

Add the class "Button" to an element to declare that it is of the Button class.

e.g. <a class="Button">A Button</a>

A Button

Buttons can contain almost any arbitrary html.

A Button Block
  1. Howdy
  2. Do
A Button in a Button!

disabled Button

To declare that the Button is disabled:

  • Add the attribute disabled to the element to declare that the Button is disabled
  • OR add the class disabled to the element

e.g. <a class="Button disabled">A disabled Button</a>

disabled class: A.Button.disabled disabled attribute: A.Button[disabled]

notFocused Button

In order to handle the notFocused state of jBrowser windows, there is a notFocused Button state.

There's nothing you have to do to your Button to get this feature.

A Button A disabled Button

round

class=roundRight
Round the edge of the top right and bottom right corners.

Button roundRight

class=roundLeft
Round the edge of the top left and bottom left corners.

Button roundLeft

class=round
roundLeft + roundRight

Button round

NOTE: IE8 gracefully degrades. It does not support rounded edges.

Size

The size of a Button is determined based on the CSS font-size.

e.g <a style="font-size:1.2em" class="round Button">button</a>

button button

e.g <p style="font-size:1.2em"> <a class="round Button">button</a> </p>

button button

button button