更改表单按钮的外观

Question

使用CSS的这一点点，我的表单按钮现在看起来扁平（2D）和我很喜欢的样子：

input { 
    border: 1px solid #999; 
} 

然而，对于文件中的字段（选择要上传的文件） ，该按钮仍然是3D。然后，边框遍布该按钮及其旁边的文本。

我试着通过将输入重命名为.input来解决这个问题，然后只将它应用到提交/取消按钮，但现在它们看起来像文件字段的外观。那么我该如何解决这个问题，让它们看起来都是平坦的/ 2D？

此外，有没有办法创建这些表单按钮作为正常的链接？我很喜欢他们的样子。我在Rails编程，所以如果你可以发布助手功能，如果它可用的话，这将是很好的。

Answer 1

这article解释了很好的技巧，风格文件输入按钮

Answer 2

要创建提交按钮，您可以附加JavaScript的的onclick事件，而不是为一个词，而不是使用提交按钮一个普通的文本链接。

Answer 3

http://extjs.com/forum/showthread.php?t=29032
此线程使用ExtJS库创建可以样式化的输入按钮。我不一定仅仅为了这个原因就使用ExtJS，但是如果你真的想看看他的文件按钮的代码。不要将文件按钮放置在图像顶部并调整它，直到它很好地工作，这块Javascript实际上将鼠标位置的按钮居中。允许您创建各种形状和尺寸的非常花哨的按钮。