无需photoshop即可创建统一提交,保存,取消按钮

时间:2011-02-20 22:30:47

标签: html css forms

外观方面,我正在努力使用CSS为表格创建按钮,这些按钮看起来可以跨平台并且在不使用图像的情况下彼此保持一致。有这样的事吗?我只需要为我的表单添加/删除/取消/验证按钮,但我希​​望它们是统一的,理想情况下是跨平台工作,无论它们是提交输入,按钮还是链接。

我真的不想在Photoshop中乱搞。

我在Rediscovering the Button Element (archive.org)上找到了这个资源,这表明可以使用CSS和图片库来完成设计师不想创建自己的资源。

解决方案看起来没问题,但是有人抱怨IE在评论中提交了postdata中的内容,以及IE如何在IE 6中呈现按钮。我如何解决IE6的问题?

1 个答案:

答案 0 :(得分:3)

有几个选项,一个是颜色渐变。有一种方法可以在“三巨头”(Firefox,Chrome / Safari,IE)中实现,你可以找到一个很好的例子here

第二个选择是使用jQuery UI,这是一种很好的跨浏览器安全方式,但缺点是它可能包含很多按钮。

最后一个选项是使用图像作为背景,但在IE中可能有点棘手,或者至少我已经找到了。