Bootstrap - button com hiperlink a mostra

image
Coloquei um link para o button no bootstrap e veja como ficou…
tentei utilizar um text-decoretion: none; e não deu certo.

Code do botão:
<a href="../cadastrar/cadastrar.php"<button type="submit" id="btnregistrar" class="btn btn-light"><i class="icon-info"></i> Cadastre-se</button></a>

code do css do botão:
.form-group > #btnregistrar{
background-color: #2ecc71;
text-align: center;
color: #fff;
border:none;
border-bottom: 3px solid #ecf0f1;
width: 120px;
margin-top: 15px;
text-decoration: none;
}

Não entendi o seu problema, seria a borda do botão Cadastre-se?

Você não precisa colocar um botão dentro de um link, você pode fazer um link se parecer com um botão
Segue um exemplo: https://getbootstrap.com/docs/4.0/components/buttons/#active-state

Além do que, você também não fechou a tag do link antes de colocar o botão

Antes de <button deveria ter um > para fechar o link

1 curtida

kkkkkkk, isso que me mata em linguagens, esquecer de fechar! Valeu!

Sempre verifique a aba console no inspecionar do navegador, certamente tinha o erro lá :+1:

Eu pessoalmente programo com ela aberta. É muito útil

1 curtida