css - 具有适当行为的华丽网页按钮，可以做到吗？

Question

对于我的应用程序，我想很好地设计提交按钮的样式。使用普通的 CSS，我设法让它在 Firefox 中看起来不错，而在 IE 中却很糟糕。然后我看到了这篇博文:

http://www.sohtanaka.com/web-design/liquid-color-adjustable-css-buttons/

使用该技术，您可以在几乎所有浏览器中获得漂亮的按钮。但是，也存在一些可访问性问题:

• 由于它使用链接而不是真正的 HTML 输入或按钮元素，因此单击按钮不会提交表单。使用 Javascript 很容易解决这个问题，但如果提交按钮在没有启用 Javascript 的情况下工作，那将是理想的选择。
• 另一个问题是点击 [ENTER] 不会提交表单。一个肮脏的 hack 是包含一个类型为“提交”或“图像”的不可见输入元素。

基本上我想要的也许是不可能的:博客条目中看到的样式质量，但使用普通元素实现，以便我获得正常行为。

我真的必须在肮脏的黑客攻击和糟糕的造型之间做出选择吗？

到目前为止我看到的每个按钮样式教程在 IE 中都没有达到最佳效果:(

Answer 1

Do I really have to chose between dirty hacks or poor styling?

不，您可以像我们其他人一样使用 Javascript。加载您的标准表单(完成提交按钮)，然后使用编写整齐的 Javascript 动态“修复”一些丑陋的元素。如果您希望使用干净的代码并获得跨浏览器支持，我建议为此类事情评估 jQuery 框架。