更改表單按鈕的外觀

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實際上將鼠標位置的按鈕居中。允許您創建各種形狀和尺寸的非常花哨的按鈕。