html - 更改表单按钮的外观

Question

有了这一点 CSS，我的表单按钮现在看起来是扁平的 (2D)，我非常喜欢这种外观:

input {
  border: 1px solid #999;
}

但是，对于文件字段(选择要上传的文件)，按钮仍然是 3D。然后边框环绕该按钮及其旁边的文本。

我尝试通过将输入重命名为 .input 来解决此问题，然后仅将其应用于我的提交/取消按钮，但现在它们看起来像文件字段的样子。那么我该如何解决这个问题，使它们看起来都是扁平的/2D 的？

此外，有没有办法将这些表单按钮创建为普通链接？我很喜欢他们的样子。我正在用 Rails 编程，所以如果你能发布它的辅助函数就太好了。

Answer 1

这article解释了设置文件输入按钮样式的技巧