Problème d'un bouton de type image

Bonjour,

j'ai 3 bouton de type image,je veut modifier la couleur d'images lorsque je clic sur le bouton,voila le code html:
<div id="button">
<a href="accueil.html "><img src="images/accueil.png"/></a>
<a href="produits.html "> <img src="images/produits.png"/></a>
<a href="services.html "> <img src="images/services.png"/></a>
</div>

voila le code css:
#button a:hover{
color:blue;
}

une ligne noire s'affiche sous le bouton,lorsque je veux faire une modification sur ces images.
Pouvez-vous m'aider et merci d'avance