Border CSS3 Button
Olá,
estou tendo algum problema com esse botão e não consigo resolver.
A borda não sai de jeito nenhum e eu também não consigo substitui-lo por um button img.
Alguém sabe onde está o problema?
Segue os códigos e imagens:
HTML5:
<div class="contact-form">
<form method="post" action="/cadastro">
<fieldset>
<input class="c-m" type="text" placeholder="Seu Nome" size="20" name="nome"required> </br>
<input class="c-m" type="email" placeholder="Seu E-mail" size="20" name="email" required>
</br>
<input class="c-half" type="tel" placeholder="Seu Telefone" size="20" name="telefone" required>
<input class="c-half2" type="text" placeholder="Seu CEP" size="20" name="cep">
</br>
<textarea class="c-obs" rows="8" placeholder="Comentario" size="800" name="obs"></textarea>
</fieldset>
<input type="submit" value="ENVIAR" id="btn"/>
</form>
</div>
CSS3:
#btn {
background: none;
cursor:pointer;
width: 200px;
height: 100px;
border: none;
}
#btn:hover {
border: 0;
background: #ffffff;
color: #c72525;
text-decoration: none;
}
SCREENSHOT:/applications/core/interface/imageproxy/imageproxy.php?img=http://elaineoliveira.likesyou.org/img/SS/button.png&key=5a9da354cea99e3c2c1b44dea1b7edfe999dfe73af451f3a850b60c43866ebcc" alt="button.png" />
SCREENSHOT02 (HOVER):
/applications/core/interface/imageproxy/imageproxy.php?img=http://elaineoliveira.likesyou.org/img/SS/buttonhover.png&key=9f6ad40a3762283df18d2898648d669d564bd0bb092d0d7ba382a2c95a2fcbee" alt="buttonhover.png" />
Obrigado pela atenção !
Discussão (6)
Carregando comentários...