SE学院

Buttonの使い方

Button

Pure.cssでボタンを作成するには、aタグまたはbuttonタグにpure-buttonクラスを指定します。

<a class="pure-button" href="#">Button</a>
Button
<button class="pure-button">Button</button>

Disabled button

ボタンを無効化するには、pure-button-disabledクラスを指定します。

<button class="pure-button pure-button-disabled">Button</button>

または、disabled属性を指定します。

<button class="pure-button" disabled>Button</button>

Semantic button

<button class="pure-button pure-button-primary">Primary Button</button>
<a class="pure-button pure-button-primary" href="#">A Primary Button</a>
Primary Button