GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

Bootstrap - button com hiperlink a mostra


#1

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;
}


#2

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


#3

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


#4

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

Eu pessoalmente programo com ela aberta. É muito útil