Problema com botão CSS no Chrome
Problema com botão CSS no Chrome
by Angelo Rogério Rubin
HTML
<form name="formlogin" action="http://www.terra.com.br">
<fieldset>
<label>Login</label>
<input name="login" type="text" class="texdondo" size="18" maxlength="15"/>
</fieldset>
<fieldset>
<label>Senha</label>
<input name="senha" type="password" class="texdondo" size="18" maxlength="15"/>
</fieldset>
<input value="entrar" name="entrar" type="submit" class="botaoverde2"/>
</form>
CSS
label {
font-family: 'Oswald', sans-serif;
font-size: 14px;
}
fieldset {
margin:10px;
}
input {
padding: 5px;
}
.botaoverde2{
text-decoration: none;
text-transform: lowercase;
text-align: center;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-size: 10px;
color:#CCC;
background:#325A49;
border:0px solid #bbb;
text-shadow:-15px -15px 0px #ffffff;
box-shadow:2px 1px 2px #000000;
-moz-box-shadow:2px 1px 2px #000000;
-webkit-box-shadow:2px 1px 2px #000000;
border-radius:7px 7px 7px 7px;
-moz-border-radius:7px 7px 7px 7px;
-webkit-border-radius:7px 7px 7px 7px;
padding:3px 8px;
cursor:pointer;
margin:0 auto;
}
.botaoverde2:active{
cursor:pointer;
position:relative;
top:2px;
}
.botaoverde2:hover{
background-color: #050;
color: #FFF;
}