コメントするボタンの色を変える

画像は面倒なので簡単に色を変えられたらいいな～って方のために・・

/*コメントするボタンを色を変える*/
.commentBtnArea .basicBtnS{
color:#ff00ff !important;/*文字色*/
border:1px solid #ff00ff;/*枠線　太さ　線種　線色*/
}

.commentBtnArea .basicBtnS:hover{
color:#ffccff !important;/*マウスオーオーバー時の文字色*/
}

実は・・・↓ココには白からグレーに変わるグラデーション背景画像が付いているんです

このままでもいいのですが・・・・

もし・・↑その背景画像も変えたいって方は・・

　　　 　　　 　　　


↑これを画像フォルダにアップしてから・・

.commentBtnArea .basicBtnS{
background-image:url(画像のＵＲＬ);
}

たとえば・・・・・↓

/*コメントするボタンを色を変える*/
.commentBtnArea .basicBtnS{
color:#00ffff !important;/*文字色*/
border:1px solid #00FFFF;/*枠線　太さ　線種　線色*/
background-image:url(http://stat.ameba.jp/user_images/20110820/16/newcss/50/19/p/o0010013211429955301.png);
}
.commentBtnArea .basicBtnS:hover{
color:#ff0000 !important;/*マウスオーオーバー時の文字色*/
}

/*コメントするボタンを色を変える*/
.commentBtnArea .basicBtnS{
color:#00ff00 !important;/*文字色*/
border:1px solid #00ff00;/*枠線　太さ　線種　線色*/
background-image:url(http://stat.ameba.jp/user_images/20110820/16/newcss/44/96/p/o0010013211429950594.png);

}
.commentBtnArea .basicBtnS:hover{
color:#ff00ff !important;/*マウスオーオーバー時の文字色*/
}

/*コメントするボタンを色を変える*/
.commentBtnArea .basicBtnS{
color:#0000ff !important;/*文字色*/
border:1px solid #0000ff;/*枠線　太さ　線種　線色*/
background-image:url(http://stat.ameba.jp/user_images/20110820/16/newcss/c4/c3/p/o0010013211429950593.png);
}
.commentBtnArea .basicBtnS:hover{
color:#ff00ff !important;/*マウスオーオーバー時の文字色*/
}