link underline hover di diverso colore

[koox]

ciao a tutti,
vi chiedo una domanda forse banale, ma non riesco a trovare risposta.

Mi servirebbe lo script per un semplice LINK che quando ci passa sopra con il mouse,
anziché cambiare il colore (durante l'hover) del testo,
si ottiene un effetto di sottolineatura e inoltre cambia SOLO IL COLORE della linea della sottolineatura.

Chissà se sono riuscito a spiegarmi..

In ogni caso, il classico script è questo:

<style>
A:link { text-decoration : none ; color: #333333;}
A:visited { text-decoration : none ; color: #333333;}
A:hover { text-decoration : underline ; color: #336699;}
</style>

anziché questo che crea passandoci sopra con il mpouse crea un effetto di sottolineatura e cambio colore generale, mi serve un effetto che NON fa cambiare il colore al testo,
MA SOLO ALLA SOTTOLINEATURA.

Ho visto che nel link di questo forum, sulla voce in basso per accedere ai Messaggi Privati,
accade la stessa cosa.

QUALCUNO SA INVIARMI lo script?

Grazie mille!

Koox

[nuky]

Potresti simulare la sottolineatura con il bordo inferiore:

<style> 
a {
  border-width: 0 0 1 0;
  border-color: #336699;
  border-style: solid;
  text-decoration: none;
}

A:hover {
  border-color: red;
} 
</style>

[koox]

Grazie mille,
già questo potrebbe andarmi bene!!

Eventualmente, sai dirmi come fare per TOGLIERE la sottolineatura dal link fisso e che compaia di diverso colore, solo passandoci sopra col mouse.

E' possibile?

[nuky]

Beh, è semplice, togli i bordi e visualizzi quello inferiore nella pseudoclasse hover:

<style> 
a {
  border-width: 0;
  border-style: solid;
  border-color: red;
  text-decoration: none;
}

A:hover {
  border-bottom-width: 1px;
} 
</style>

[Federix]

Sposto in CSS