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

前端之家收集整理的这篇文章主要介绍了css – 华丽的网页按钮具有正确的行为,可以做到吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
对于我的应用程序,我想要很好地设置提交按钮.使用正常的CSS,我设法使它在Firefox中看起来不错,在IE中可怕.然后我看到这个博客条目:

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

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

>由于它使用链接而不是真正的HTML输入或按钮元素,所以点击按钮不会提交表单.这可以使用Javascript轻松解决,但是如果提交按钮没有启用Javascript,这将是理想的.
>另一个问题是按[ENTER]不提交表单.一个脏的黑客是包含一个类型为“提交”或“图像”的不可见的输入元素.

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

我真的要选择肮脏的黑客还是造型差?

到目前为止,我看到的每个按钮造型教程在IE中都有最佳的结果:

解决方法

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

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

猜你在找的CSS相关文章