What's new

Creating A Sexy Submit Button With CSS

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

Guest
The default button is rather boring.

style.css[/b] file:

Code:
button{
color:#768B1F;
text-align:center;
font:2.4em Trebuchet MS, sans-serif;
padding: 22px!important;
cursor:pointer
background-color:#E5ECAB;
background:repeat-x center #E5ECAB;
border:3px solid #FC6700;
width:87%;
padding: 13px 15px;
margin:10px 10px 10px 10px;
display: inline-block;
}
button:hover{background-color:rgba(252,103,0,0.8);}
Anywhere that uses:

Code:
[code]<button>Submit</button>
[/code]
Will now look like this:

[attachment=0]Screen Shot 2014-03-21 at 8.46.55 AM.png[/attachment]

 
Back
Top