[CSS] Input Button con ASP.NET

[raffaeu]

Ciao devo creare un rollover sui button di alcuni form che creo con ASP.NET

Il codice HTML è questo :

<input type="submit" name="btnSearch" value="" id="btnSearch" title="Search" class="inputSearch" />

Il css è cosi :

input.inputSearch{
	border:none;
	display:block;
	width: 54px;
	height: 20px;
	text-indent:-8000px;
	background:url(../images/btn-search.gif) no-repeat;
}
input.inputSearch:hover{
	border:none;
	display:block;
	width: 54px;
	height: 20px;
	text-indent:-8000px;
	background:url(../images/btn-search.gif) no-repeat 0 -20px;
}

Non funziona il rollOver, come mai? Lo stato normale va benissimo ...

[fcaldera]

probabilmente perchè con Explorer la pseudoclasse :hover funziona solo per gli elementi <a>

Se il problema è questo vedrai che con firefox il rollover funziona

[raffaeu]

soluzione oltre a quella di scrivere righe e righe nel onmouseover e onmouseout?

[fcaldera]

si, puoi automatizzare gli eventi per gli input che ti servono con un po di javascript

è lo stesso meccanismo che si usa per fare i pure css menu che si appoggiano ad una rotine per agganciare gli eventi onmouseover e onmouseout.

la classe "inputSearch:hover" deve diventare "overinputSearch"

inputevents = function() {

  if (document.getElementById) {
     inputs = document.getElementsByTagName("input");

     for (i=0; i<inputs.length; i++) {
         node = inputs[i];
         node.onmouseover=function() {
             this.className="overinputSearch";
         }
         node.onmouseout=function() {
             this.className="inputSearch";
         }
      }
   }
}
window.onload=inputevents;

Nota: nn l'ho provata

[raffaeu]

ah ok faccio una sorta di listner sugli eventi di ogni input ...

Provo e grazie!!

PS: Speravo di risolvere con CSS ma va bene tanto è una intranet ...

se vuoi vedere

http://www.globuscosmos.com:8080

[raffaeu]

Ma sai cosa succede che adesso non visualizza piu' lo sfondo inoltre non funzi ail mouseout come se non trovasse quella classe css ...

[raffaeu]

ma si vede che era il refresh di ie dopo 20 F5 adesso funziona

grazie mille lo perfezionero' per tutti gli input ...