filament group inc. || Styling the Button Element with Sliding Doors

Particle Tree recently posted an article describing a technique they've come up with the style the button element. For those who aren't familiar, form buttons are notoriously difficult to customize.

CSSでWEB2.0風ボタンを作成するサンプル。
buttonタグで、次のようなWEB2.0風なカッコいいボタンが作れるサンプルが提供されています。



HTMLタグはこんな感じ。
<button value="submit" class="submitBtn"><span>Submit</span></button>

Submit 部分を変えれば、画像を新規に作成しないでも新しいボタンが作れて便利ですね。

サンプルは、IE6/7, Firefox , Safari, Opera に対応しているようです。