CODEWITHSUNDEEP
htmlcssxhtmlsubmit-button
HeyItsProdigy
HeyItsProdigy

Reputation: 36

How to customize HTML submit buttons?

How would I make a submit button appear as just plain text which will override the default browser button style?

I have searched the internet but all I find is how to put a image for a submit button.

Upvotes: 0

Views: 6360

Answers (3)

Avisari
Avisari

Reputation: 101

You could style it something like this, and then make the needed tweaks to it to make it fit the rest of your design.

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

The background: inherit; is to make sure it follows your original background color.

Upvotes: 0

Aditzu
Aditzu

Reputation: 706

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

And an example you can find here:

http://jsfiddle.net/f7x35/

Upvotes: 1

Mr. Alien
Mr. Alien

Reputation: 157314

You will need background-color: transparent; (Or you can use hex as well) and border: 0;, that will get you the desired result.

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

Demo

Upvotes: 2

Related Questions