2014-01-31 76 views
0

我将如何使提交按钮显示为只覆盖默认浏览器按钮样式的纯文本?如何自定义HTML提交按钮?

我已经搜索了互联网,但我找到的是如何把图像提交按钮。

+2

通过使用CSS? –

+0

告诉我们一些代码 – Aditzu

+0

当然好吧,但是这样做的过程是什么? – HeyItsProdigy

回答

2

您需要background-color: transparent;(或者你可以使用hex为好)border: 0;,这将让你期望的结果。

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

Demo

+1

感谢您的简单和快速的答案。 – HeyItsProdigy

+0

@HeyItsProdigy欢迎您:) –

+0

当定时器到期时,我会接受它 – HeyItsProdigy

0

你可以设置样式这样的事情,然后进行必要的调整,以它做它适合您的设计的其余部分。

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

background: inherit;是为了确保它遵循原来的背景颜色。