كود خلفية للأزرار عند المرور بالماوس عليها

كود
CSS
كود خلفية للأزرار عند المرور بالماوس عليها

الكود:: input.liteoption:hover {
background-color : #fff;
background-image: url('[color=Blue][b]http://i44.tinypic.com/301hraq.gif[/b][/color]');
background-position: top;
font-weight : bold;
[b][color=DarkGreen]color: #8d1717[/color][/b];
}

input.mainoption:hover {
background-color : #000;
background-image: url('[b][color=Blue]http://i44.tinypic.com/301hraq.gif[/color][/b]');
background-position: top;
font-weight : bold;
[b][color=DarkGreen]color: #8d1717[/color][/b];
}

button.button2:hover, input.button2:hover {
border-width: 2px;
border-style: outset;
border-color: #000000;
background-image: url('[color=Blue][b]http://i44.tinypic.com/301hraq.gif[/b][/color]');
background-position: top;
[color=DarkGreen][b]color: #8d1717[/b][/color];
background-position: 0 100%;
}

https://2img.net/h/oi44.tinypic.com/301hraq.gif
هو رابط الصورة الخلفية

للخبراء يمكنهم التعديل على الكود حيث

color: #8d1717
هو لون الخط