Fórum Imagem no Background de um Submit #555726
04/06/2016
0
Boa noite, preciso de ajuda para resolver um problema simples admito. Mas todos os métodos que tentei, não funcionaram.
Eu preciso inserir uma imagem como background de um submit, e alinhar essa imagem a esquerda mas, manter a cor do submit.
HTML:
<div class="centerLogin">
<form method="post" name="frmLogin">
<div class="emailLogin formularioLogin">
<img src="img/user.png" alt="E-mail" />
<input type="text" name="txtEmail" placeholder="email@dominio.com" autocomplete="off" />
</div>
<div class="senhaLogin formularioLogin">
<img src="img/pass.png" alt="Senha" />
<input type="password" name="txtPassword" placeholder="************" autocomplete="off" />
</div>
<input type="submit" name="btnSubmit" value="Entrar" class="btnSubmitLogin"/>
<a href="recuperarSenha.php">Recuperar Senha</a>
</form>
</div>
CSS:
.btnSubmitLogin{
width:100px;
height: 32px;
padding:5px;
font-family: 'Montserrat Alternates', sans-serif;
background-color:#551A8B;
border:none;
border-radius: 5px;
margin:10px;
margin-left: 25px;
color:#FFF;
cursor: pointer;
outline:none;
}
Alguém tem alguma dica? Inclusive se for uma classe separada ou no proprio HTML melhor ainda.
Eu preciso inserir uma imagem como background de um submit, e alinhar essa imagem a esquerda mas, manter a cor do submit.
HTML:
<div class="centerLogin">
<form method="post" name="frmLogin">
<div class="emailLogin formularioLogin">
<img src="img/user.png" alt="E-mail" />
<input type="text" name="txtEmail" placeholder="email@dominio.com" autocomplete="off" />
</div>
<div class="senhaLogin formularioLogin">
<img src="img/pass.png" alt="Senha" />
<input type="password" name="txtPassword" placeholder="************" autocomplete="off" />
</div>
<input type="submit" name="btnSubmit" value="Entrar" class="btnSubmitLogin"/>
<a href="recuperarSenha.php">Recuperar Senha</a>
</form>
</div>
CSS:
.btnSubmitLogin{
width:100px;
height: 32px;
padding:5px;
font-family: 'Montserrat Alternates', sans-serif;
background-color:#551A8B;
border:none;
border-radius: 5px;
margin:10px;
margin-left: 25px;
color:#FFF;
cursor: pointer;
outline:none;
}
Alguém tem alguma dica? Inclusive se for uma classe separada ou no proprio HTML melhor ainda.
Leandro Portugal
Curtir tópico
+ 0
Responder
Clique aqui para fazer login e interagir na Comunidade :)