Hover & opera

[Cesar]

Ciao a tutti,
ho un problema con opera e vi spiego meglio.

Ho il seguente stile

.testo2
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bolder;
	color: black;
	text-decoration: none;
	}
.testo2:hover
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bolder;
	color: white;
	text-decoration: none;
}

Questo stile lo applicato per alcuni testi e anche per dei link.
Con internet explorer e firefox quando ci passo sopra il puntatore del mouse su un pezzo di testo non succede niente (e giusto che si così visto che non cè un link.).

Con opera invece mi trasforma il testo con il colore bianco.

Come posso fare per aggirare questo problemino ?

Vi ringrazio.

[pierofix]

Il cambio di colore a mio avviso è corretto. Non è detto che un elemento debba essere un link perchè abbia delle modifiche al passaggio del mouse.

Io direi sia il caso di lavorare con due classi distinte, una per il testo semplice e una per i collegamenti ipertestuali.



P.S. Strano che FF non colori di bianco il testo.

P.P.S. Esiste una proprietà 'font' per abbreviare le tue dichiarazioni: www.w3.org/TR/CSS21/fonts.html#font-shorthand .

[Cesar]

Ho capito... ma purtroppo ho assegnato quel stile in tante pagine e la cosa diventerebbe troppo lunga...

[edy72]

non sono sicuro che funzioni, ma potresti provare a modificare il CSS in questo modo:

.testo2
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bolder;
color: black;
text-decoration: none;
}


a.testo2:hover
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bolder;
color: white;
text-decoration: none;
}

ciao!!

[Cesar]

Originariamente inviato da edy72
non sono sicuro che funzioni, ma potresti provare a modificare il CSS in questo modo:


...

Perfetto, funziona perfettamente! Sei un genio. :P

Ti ringrazio.