مشکل در ساخت دکمه

[ata3929]

سلام
دوستام من دکمه ای ساختم که scc اینه
[CSSS].button
{
display: inline-block;
white-space: nowrap;
color: #fff;
border: solid 1px #0076a3;
background: #0095cd;
background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
background: -moz-linear-gradient(top, #00adee, #0078a5);
filter: progidXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');

border: 1px solid #777;
padding: .5em 1em .5em;
margin: 0 40px 0 0;
font: 18px/100% BYekan, tahoma;
text-decoration: none;
line-height:10px;
color: #333;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-moz-border-radius: .2em;
-webkit-border-radius: .2em;
border-radius: .2em;
-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

.button:hover
{
background: #007ead;
background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
background: -moz-linear-gradient(top, #0095cc, #00678e);
filter: progidXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}

.button:active
{
color: #80bed6;
font: 18px/100% BYekan, tahoma;
line-height:10px;
background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
background: -moz-linear-gradient(top, #0078a5, #00adee);
filter: progidXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

.button:focus
{
outline: 0;
background: #fafafa;
font: 18px/100% BYekan, tahoma;
line-height:10px;
}

.button:before
{
background: #ccc;
font: 18px/100% BYekan, tahoma;
line-height:10px;
background: rgba(0,0,0,.1);
float: left;
width: 1em;
text-align: center;
font-size: 1.5em;
margin: 0 1em 0 -1em;
padding: 0 .2em;
-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
-moz-border-radius: .15em 0 0 .15em;
-webkit-border-radius: .15em 0 0 .15em;
border-radius: .15em 0 0 .15em;
}[/CSSS]

ینم فایل html اونه

[HTMLS]<a onclick="return false;" href="" class="button" id="submit"><b>پرداخت</b></a>[/HTMLS]

روش که موس و نگه میداری درست کار میکنه (رنگش عوض میشه )
کلیک که میکنی درست کار می کنه
ولی وقتی بعد از کلیک کردن باید رنگ به اولیه باز گرده برنمی گرده
و باید در یه جایی از صفحه کلیک کنیم تا برگرده
می خواستم بدونم راهی هس خودش به اولیه بر گرده؟

 

[mehdiraized]

دوست عزیز شما روش کلیک نمی کنید کلیک را روش میگیرید و موس را از رو دکمه می کشید کنار برای همین حالت active روش می مونه
اگه رو خود دکمه کلیک کنید هیچ وقت همچین مشکلی پیش نمیاد