如何自定義HTML提交按鈕？

Question

我將如何使提交按鈕顯示爲只覆蓋默認瀏覽器按鈕樣式的純文本？

我已經搜索了互聯網，但我找到的是如何把圖像提交按鈕。

Answer 1

您需要background-color: transparent;（或者你可以使用hex爲好）和border: 0;，這將讓你期望的結果。

input[type="submit"].plain { 
    border: 0; 
    background: transparent; /* Or whatever background color you want to use */ 
} 

Demo

Answer 2

input[type=submit] { 
border:none; 
background-color:white; 
} 

和示例，你可以在這裏找到：

http://jsfiddle.net/f7x35/

Answer 3

你可以設置樣式這樣的事情，然後進行必要的調整，以它做它適合您的設計的其餘部分。

input[type=submit]{ 
    border: 0px; 
    background: inherit; 
    padding: 0; 
} 

background: inherit;是爲了確保它遵循原來的背景顏色。