tags:

views:

67

answers:

1
Q: 

Best CSS buttons that are cross browser, degrade gracefully, and work on input or link

I have seen a lot of good attempts at CSS buttons (for example http://ubuwaits.github.com/css3-buttons/ )

But I haven't seen one emerge yet that is safe to use in production and meets all the following requirements:

  • Looks good on all modern browsers
  • Degrades gracefully on older browsers down to at least IE7 (bonus if IE6) - don't care if they look as good, as long as they aren't noticeably bad
  • Works equally well on an input tag (submit button) or link (a tag)

What are the best ones people are using in production?

A: 
 2010-10-08 15:47:11
I've done this on a number of projects but have found it to be a big source of bugs and it slows down development. CSS sprites are still difficult for a few reasons. Special attention it required to get regular button functionality like disabling after a submit, or the enter key submitting the form. Not to mention they are harder to maintain for changing button text etc and lengthen development time. Part of my reason for posting this was to get around the necessity of using image sprites. Should have made that more clear...as CSS gets better I think this sprites will become less popular.
Brian Armstrong  2010-10-12 06:17:37

related questions

IE7 HTML/CSS margin-bottom bug.
IE7: header above menu
How to create an all browser-compatible hanging indent style in CSS in a span
How can you customize the numbers in an ordered list?
style.display not working in Firefox, Opera, Safari - IE7 OK
Best WYSIWYG CSS editor?
How important is W3C XHTML/CSS validation when finalizing work?
Solve the IE select overlap bug
IE8 overflow:auto with max-height
Autosizing Textarea
What is the best way to create rounded corners using CSS?
FF3 WinXP != FF3 Ubuntu - why?
Is there a business reason for striving for pure CSS layout?
How to set up a CSS switcher in ASP.NET
Setting a div's height in HTML with CSS
Wrapping lists into columns
CSS Background Color in Javascript
How can I make the browser see CSS and Javascript changes?
What sites offer free, quality web site design templates?
Can you recommend a good CSS online resource or book?
Html CSS Editor
In HTML, how to word-break on a dash?
Detecting font in JavaScript
How do you test layout design across multiple browsers/OSs?
Why doesn't the percentage width child in absolutely positioned parent work in IE7?