华丽的网页按钮具有正确的行为,可以做到吗？

Question

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

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

使用这种技术,您可以在几乎所有浏览器中获得华丽的按钮.但是,还有一些可访问性问题:

• 由于它使用链接而不是真正的HTML输入或按钮元素,因此单击按钮不会提交表单.这可以使用Javascript轻松解决,但如果提交按钮在没有启用Javascript的情况下工作,那将是理想的选择.
• 另一个问题是,按[ENTER]不会提交表单.脏黑客是包含"提交"或"图像"类型的不可见输入元素.

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

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

到目前为止我看到的每个按钮样式教程在IE中都有次优化结果:(

Answer 1

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

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