Bonjour à tous, 

Je souhaiterai remplacer la value par défaut en image. 

Pour cela, j'ai fait ceci : 

<form action="../" method="post">

    <input type="search" name="recherche" id="recherche" placeholder='SEARCH ...'/>

    <input class="image_supprimer_input" type="submit" name="supprimerjeu" value="" width="40" height="50" />
</form>

et le css tout simple est : 

#recherche{
	background: rgba(0,0,0,0);
	border:none;
	color: white;
}


.image_supprimer_input{
	background-image:url("images/loupe.png");
	background-size: 40px 40px;
}

N’empêche que cela m'affiche simplement un petit trait et non ma loupe.

J'ai biensur vérifier que l'image s'appelle loupe.png et quelle se trouve dans le dossier image.

Quelqu'un aurait une idée de mon erreur ?

Merci :) 

-
Edité par Fox Aera 6 mai 2018 à 16:12:48

Bonjour,

je te conseille d'utiliser plutôt un <button type="submit">, qui a exactement le même comportement qu'un input submit, le contrôle du contenu du bouton en plus

Ici ce serait quelque chose comme :

<button type="submit">
  <img src="loupe.png" alt="Soumettre le formulaire" />
</button>

(le alt n'est pas optionnel)

Bonjour Mathieu

Juste pour info tu as aussi le type = image qui fait un submit :

 <input type="image" src="/img/loupe.jpg" name="supprimerjeu" value="">

D'accord merci également !