Simple Round CSS Links ( Wii Buttons )

Now you can style both <a /> and <button /> in this super easy and light-weight solution

You may not get a Wii, but you can still get your own Wii Buttons with only 2 tags + 1 image + one CSS file .

At least it's tested and compatible with IE6, IE5.5, IE7, Safari 2, Firefox 2, Opera 9.

HTML

For Anchor : <a class="button" href="?d=-1"><span>yout text</span></a>

For Form Button : (you may want to use server-side detection to detect browser)
» For IE (and if you need to use multiple buttons inside a FORM element): <span class="button"><input type="submit" name="foo" value="yout text" /></span> » For Not IE : <span class="button"><button type="submit" name="foo" value="yout text">yout text</button></span>

For Disabled Action : <del class="button"><span>yout text</span></del>

If you also would like to support IE5, you need to use instead of and adjust the CSS rules, too.