No me funciona pongo ms código .
este es el input:
<input name="password" type="password" class="input2" id="password" "style="border:none" />
Código:
}
.input {
border: 0px;
font-size: 14px;
font-style: normal;
font-weight: bold;
color: #FF6600;
padding:2px 32px;
background-image: url(mensd/botonlogin.png);
background-repeat: no-repeat;
width: 75px;
height: 22px;
}
.input:hover {
border: 0px;
background-image: url(mensd/botonlogin2.png);
font-size: 14px;
font-style: normal;
font-weight: bold;
width: 75px;
height: 22px;
}
Con los demas CSS botones con imagenes no me pasa el problema: ejemplo que me funciona bien, ese es con ID.
<div id="lista" align="center">
INICIO
</div>
Y el CSS:
Código:
#lista {
width: 257px;
display: block;
font-style: normal;
font-size: 14px;
font-weight: bold;
line-height: 1px;
color: #CCCCCC;
text-align: center;
}
#lista a{
width: 200px;
height: 32px;
font-style: normal;
font-size: 14px;
font-weight: bold;
line-height: 31px;
color: #CCCCCC;
text-align: left;
outline-style:none;
display: block;
list-style-type: none;
text-decoration:none;
background-image:url(mensd/boto1.png);
background-repeat: no-repeat;
padding-left: 41px;
padding-right: 12px;
}
#lista a:hover{
font-style: normal;
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bolder;
color: #006699;
background-image: url(mensd/boto2.png);
}
Hay alguna manera de poner un a:hover al otro CSS, me aprece que ahí está el problema aunque tengo muchas dudas y ya hace meses vengo con lo mismo y no encuentro solución
Espero alguna ayuda gracias de antemano por su tiempo