[Résolu] Bouton submit CSS

Bonsoir,

J'ai un bouton qui permet de supprimer une donnée de ma bdd.
J'aimerai qu'il soit remplacé par une image.
J'ai donc testé

<input type="image" src="image.png">

et

<input type="submit" class="btn"">

 .btn {
	border: none;
	width: 16px;
	height: 16px;
	background-image:url(images/contact_suppr.png);
	
}

Le format de l'image est png et possède un fond transparent et a comme dimension 16px*16px.
Le problème dans les 2 cas c'est que le bouton apparait au dessous de l'image et également les bordures.

Quelqu'un a une idée svp?

Pour commencer, un input a aussi un background-color que tu devrais enlever.

Ensuite, pour ne mettre que l’image (ce qui n’est pas recommandé) tu devrais jeter un œil à ton inspecteur de code (F12 en général) et regarder tous les styles appliqués (l’onglet « computed » ou « calculés » selon ton navigateur). Tu y trouveras les styles à surcharger.

Normalement en procédant de la sorte tu parviendras à tes fins !

Pour finir, si tu persistes dans ce choix, penses à ajouter un identifiant sur ton input et d’y lier un label grâce à l’attribut for.

Tes utilisateurs te diront merci

J'ai trouvé, il fallait rajouter background: none; border:none; box-shadow:none;
Bonne journée