Spesso vi sarà capitato di dover cambiar colore all'hover di un input in internet explorer.
E non funziona.
Provate a mettere nella dichiarazione della vostra pagina la seguente stringa di dicharazione di tipo di documento:
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'>
In pagina mettete in seguente html:
<input class="button-little-green" type="submit" value="Concludi attivita" title="Concludi attivita" >
e nel css:
input.button-little-green{
background-color: #26de06;
border: 1px solid #1ebd03;
color: #ffffff!important;
height: 27px;
display: inline-block;
cursor:pointer;
height:32px;
line-height: 2;
padding: 3px 8px;
min-width: 100px;
font-family: 'arial',helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
/* solo per ie*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#26de06',EndColorStr='#26de06');
}
input.button-little-green:hover {
background-color: #26de06;
background-image:-webkit-linear-gradient(top,#26de06,#1eb903);
background-image:-moz-linear-gradient(top,#26de06,#1eb903);
background-image:-ms-linear-gradient(top,#26de06,#1eb903);
background-image:-o-linear-gradient(top,#26de06,#1eb903);
background-image:linear-gradient(top,#26de06,#1eb903);
border: 1px solid #1ebd03!important;
color: #ffffff!important;
/* solo per ie*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#26de06',EndColorStr='#1eb903');
}
et voilà!
2 commenti :
potresti aprire un blog solo di suggerimenti di programmazione java, html, css, ecc...
ahahha no no tranquillo...pero vediamo come tira sto post...
Posta un commento