Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Fiz um formulario, que da disable no submit, o problema é quando eu joguei o css nele, se der :hover no botao ele funciona, eu quero que quando estiver disable , ele tenha um estilo dirente do enable e nao possa dar :hover, Alguém tem alguma ideia?
<script type="text/javascript">
function verifica() {
var campo = document.form;
if(campo.login.value!="" && campo.password.value!="") {
campo.submit.disabled=false;
campo.submit.value="INICIAR SESSÃO";campo.submit.disabled=true;
campo.submit.value="Campos Vazios";
$(".sb:hover").css("display", "none");
}
}
</script>
<style>
.sb{
display:block;
border:none;
height:50px;
width:300px;
margin-top:10px;
cursor:pointer;
font: 400 18px Josefin Slab;
color:#999;
}background: #733409;
color:#f1f1f1;
box-shadow: 0 2px 10px #09f;
-webkit-box-shadow: 0 2px 10px #09f;
-moz-box-shadow: 0 2px 10px #09f;
}
</style>
<body>
<form name="form" action="" method="">
<label for="login">Nome de usuário:</label>
<input type="text" name="login" class="txt bradius" onkeyup="verifica()">
<label for="password">Senha:</label>
<input type="password" name="password" class="txt bradius" onkeyup="verifica()"></br></br>
<input type="checkbox" name="lembrar" id="lembrar"> Lembrar-se</br></br>
<input type="submit" name="submit" class="sb bradius" value="Campos Vazios" disabled>Carregando comentários...