html - 如何自定义 HTML 提交按钮？

Question

如何使提交按钮显示为纯文本，这将覆盖默认浏览器按钮样式？

我已经搜索了互联网，但我发现的只是如何为提交按钮放置图像。

Answer 1

您将需要background-color: transparent; （或者您也可以使用hex） and border: 0;，这将为您提供所需的结果。

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

演示

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;是为了确保它遵循您的原始背景颜色。