سلام . من یه کد نوشتم که تو css اون گفته شده وقتی موس رفت روی دکمه تغییر رنگ بده. ولی نمیدونم چرا فقط تو مرورگر فایرفاکس کار میکنه و تو کروم کار نمیکنه؟!؟ اینم کدش
.exit-btn{
margin-right:100px;
margin-top:30px;
width: 80px;
height: 30px;
font-family: Vazir-Medium;
font-size:16px;
font-weight: bold;
color: #fff;
background-color: #acd6ef; /*IE fallback*/
background-image: -webkit-gradient(linear, left top, left bottom, from(#acd6ef), to(#6ec2e8));
background-image: -moz-linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
background-image: linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
border-radius: 30px;
border: 1px solid #66add6;
box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5);
cursor: pointer;
}
.exit-btn:hover {
background-image: -webkit-gradient(linear, left top, left bottom, from(#b6e2ff), to(#6ec2e8));
background-image: -moz-linear-gradient(top left 90deg, #b6e2ff 0%, #f44336 100%);
background-image: linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);
}
<html>
<head>
<link href="button.css" rel="stylesheet" type="text/css" />
</head>
<button class="exit-btn">
home
</button>
</html>
