如何自定义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;是为了确保它遵循原始背景颜色。