Comment faire de la valeur du bouton submit ,transparent?
J'ai un bouton dans un formulaire et j'utilise une classe css qui définit une image de fond comme le bouton soumettre. J'ai besoin de donner une valeur à ce bouton envoyer, mais je ne veux pas qu'il soit affiché à l'utilisateur. Si j'ai mis le css propriété de couleur transparente, il fonctionne très bien dans mon firefox 3.6. Mais la valeur s'affiche dans ie 6 et 7. Comment puis-je résoudre ce problème?
<div id="upldTempForm" class="pgcontent">
<form>
<div style="text-align:center;">
<input type="submit" name="create" value="" class="save" />
<input type="button" name="cancel" value="" class="cancel"/>
</div>
</form>
</div>
css
.pgcontent {
background-color:#ECECEC;
border:2px solid #E7E7E7;
margin:30px auto;
width:820px;
font-size:12px;
}
.save{
background-image:url("../images/save.gif");
background-repeat:no-repeat;
width:100px;
height:40px;
cursor:pointer;
background-color:transparent;
border:none;
}
.cancel{
background-image:url("../images/cancel.gif");
background-repeat:no-repeat;
width:110px;
height:40px;
cursor:pointer;
background-color:transparent;
border:none;
}
Pourquoi ne pas simplement utiliser
<input type="hidden" value="lalala>
?
OriginalL'auteur aquero | 2010-05-18
Vous devez vous connecter pour publier un commentaire.
À l'aide du texte-tiret fonctionne.
Exemple:
Fait quelques petites recherches après le commentaire de nailxx. IE est un briseur d'affaire (encore une fois).
Pour IE ajouter:
Solution
N'est-ce pas? Je me demande quels sont les navigateurs ne supportant pas cette propriété, car il est une partie de CSS à partir de la version 1.
J'ai essayé, j'ai été en mesure de cacher la valeur avec succès. mais j'avais donné le text-align propriété de centre dans le div englobant le bouton. Après l'ajout de la properites vous avez spécifié l'alignement n'est pas de travail. Pouvez-vous me dire comment corriger ce problème?
Merci de poster votre code html et le css
J'ai mis à jour la question avec le code css et selon votre demande. veuillez vérifier.
OriginalL'auteur Joop
Vous devriez essayer d'utiliser au lieu de dans ce cas.
<button type="submit" name="aa" value="asdf">
<img src="http://www.w3schools.com/images/compatible_safari.gif"/>
</button>
Il devrait faire l'affaire.
Il devrait fonctionner. Je n'ai jamais eu de problèmes avec elle. Un avantage de l'utilisation d'input type d'image que vous obtiendrez dans le POST les coordonnées x et y où l'utilisateur a cliqué sur l'image.
OriginalL'auteur Zsolti