CSS Background:
Résolu
Aurel35N
-
jjsteing Messages postés 1670 Date d'inscription Statut Contributeur Dernière intervention -
jjsteing Messages postés 1670 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour, alors voila j'ai un souci avec CSS.
Je veux afficher une image en background d'un input, dont voici le code :
<input type="image" value="Connexion"></input>
et pour le CSS :
#login input[type="image"]
{
width: 100px;
height: 25px;
color: #FDD130;
background: url("../Img/input_text.png");
}
A vrai dire, cela fonctionne très bien mis à part que sur mon image se rajoute une icône : celle d'une feuille A4 déchirée horizontalement.
Je veux afficher une image en background d'un input, dont voici le code :
<input type="image" value="Connexion"></input>
et pour le CSS :
#login input[type="image"]
{
width: 100px;
height: 25px;
color: #FDD130;
background: url("../Img/input_text.png");
}
A vrai dire, cela fonctionne très bien mis à part que sur mon image se rajoute une icône : celle d'une feuille A4 déchirée horizontalement.
A voir également:
- CSS Background:
- Windows 7 logon background changer - Télécharger - Thèmes & Fonds d'écran
- Starter background changer - Télécharger - Thèmes & Fonds d'écran
- John's background switcher - Télécharger - Suite bureautique
- Gvr background window 3 ✓ - Forum Windows 10
- Enlever le soulignement d'un lien css - Astuces et Solutions
2 réponses
Pour les input[type="image"], il faut faire comme ça :
Mais si tu veux mettre une image + un background, alors c'est bon.
La feuille A4 déchirée signifie qu'il y a une erreur dans les URL.
<input type="image" src="image.png" />Donc je ne vois pas pourquoi il faudrait mettre une image de fond en CSS.
Mais si tu veux mettre une image + un background, alors c'est bon.
La feuille A4 déchirée signifie qu'il y a une erreur dans les URL.
Aurel35N
merci beaucoup, cela fonctione s'était du au fait que je n'avait pas préciser ma source dans mon input.
Bonjour,
l'image dans un input est toujours en premier plan; donc il te faut créer une image avec le texte connexion dans celle ci :
l'image dans un input est toujours en premier plan; donc il te faut créer une image avec le texte connexion dans celle ci :
<style>
input[type="image"]
{
width: 100px;
height: 25px;
color: #FDD130;
//background: url("Images/img.png");
}
</style>
<input type="image" src="Images/Connexion.png"></input>