Imagem no Background de um Submit

Front-end

04/06/2016

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.
Leandro Portugal

Leandro Portugal

Curtidas 0
POSTAR