problema classe link

[ludoweb.it]

ho un problema ho questa classe scritta in un link:

.button_mapclick {
   border: 1px solid #ffffff;
   background: #8c8d8f;
   background: -webkit-gradient(linear, left top, left bottom, from(#292b2e), to(#8c8d8f));
   background: -webkit-linear-gradient(top, #292b2e, #8c8d8f);
   background: -moz-linear-gradient(top, #292b2e, #8c8d8f);
   background: -ms-linear-gradient(top, #292b2e, #8c8d8f);
   background: -o-linear-gradient(top, #292b2e, #8c8d8f);
   background-image: -ms-linear-gradient(top, #292b2e 0%, #8c8d8f 100%);
   padding: 10.5px 60px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #080808 0 1px 0;
   color: #ffffff;
   font-size: 19px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   text-decoration: none;
   }
.button_mapclick:hover {
   border: 1px solid #ffffff;
   text-shadow: #080808 0 1px 0;
   background: #8c8d8f;
   background: -webkit-gradient(linear, left top, left bottom, from(#292b2e), to(#8c8d8f));
   background: -webkit-linear-gradient(top, #292b2e, #8c8d8f);
   background: -moz-linear-gradient(top, #292b2e, #8c8d8f);
   background: -ms-linear-gradient(top, #292b2e, #8c8d8f);
   background: -o-linear-gradient(top, #292b2e, #8c8d8f);
   background-image: -ms-linear-gradient(top, #292b2e 0%, #8c8d8f 100%);
   color: #f20808;
   text-decoration: none;
   }
.button_mapclick:active {
   text-shadow: #080808 0 1px 0;
   border: 1px solid #ffffff;
   background: #8c8d8f;
   background: -webkit-gradient(linear, left top, left bottom, from(#292b2e), to(#8c8d8f));
   background: -webkit-linear-gradient(top, #292b2e, #8c8d8f);
   background: -moz-linear-gradient(top, #292b2e, #8c8d8f);
   background: -ms-linear-gradient(top, #292b2e, #8c8d8f);
   background: -o-linear-gradient(top, #292b2e, #8c8d8f);
   background-image: -ms-linear-gradient(top, #292b2e 0%, #8c8d8f 100%);
   color: #f20808;
   }

il mio problema è che non mi prende il color della classe ma si prende il color del link di base

a:link, a:visited { color: #aabdd0; text-decoration: none; font-weight: bold;} 
a:active, a:hover { color: #aabdd0; text-decoration: underline}

dato che non posso cambiare il colore del link altrimenti mi cambia tutto..come posso farli prendere il color della classe e non del link a?

[Mich_]

Puoi provare ad usare dei selettori piu` specifici, ad esempio:

a.button_mapclick { ... }
a.button_mapclick:hover { ... }
a.button_mapclick:active { ... }

Oppure puoi definire la formattazione delle classi DOPO la formattazione dei link

[ludoweb.it]

perfetto funge con a. grazie mille