Помогите изменить стандартную кнопку купить..
надо так:
css:
.btn, .btn:link, .btn:visited {
background: -o-linear-gradient(top, #FFFFFF 0px, #F6F6F6 47%, #F2F2F2 100%) transparent;
border: 1px solid #DDDDDD;
border-radius: 3px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.298);
color: #333333 !important;
cursor: pointer;
display: inline-block;
font-weight: 700;
padding: 5px 20px 6px;
position: relative;
text-decoration: none !important;
text-shadow: 1px 1px 0px #FFFFFF;
}
.btn-buy, .btn-buy:link, .btn-buy:visited {
background: -o-linear-gradient(top, #FFF100 0px, #FFCA00 100%) transparent;
border-bottom-color: #D6BB08;
border-left-color: #D6BB08;
border-right-color: #D6BB08;
border-top-color: #D6BB08;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.506);
}
.btn-big, .btn-big:link, .btn-big:visited {
font-size: 120%;
padding: 9px 30px 10px;
}
a:link {
color: #34A11B;
text-decoration: underline;
}
.btn, .btn:link, .btn:visited {
background: -o-linear-gradient(top, #FFFFFF 0px, #F6F6F6 47%, #F2F2F2 100%) transparent;
border: 1px solid #DDDDDD;
border-radius: 3px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.298);
color: #333333 !important;
cursor: pointer;
display: inline-block;
font-weight: 700;
padding: 5px 20px 6px;
position: relative;
text-decoration: none !important;
text-shadow: 1px 1px 0px #FFFFFF;
}
.btn-buy, .btn-buy:link, .btn-buy:visited {
background: -o-linear-gradient(top, #FFF100 0px, #FFCA00 100%) transparent;
border-bottom-color: #D6BB08;
border-left-color: #D6BB08;
border-right-color: #D6BB08;
border-top-color: #D6BB08;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.506);
}
.btn-big, .btn-big:link, .btn-big:visited {
font-size: 120%;
padding: 9px 30px 10px;
}
:focus {
outline: 0px none currentColor;
}
Css можно взять от сюда http://trimmer.by/ :D
Заранее спасибо +++