image de fond pour type d'entrée = "bouton"

Question

image de fond pour type d'entrée = "bouton"

Demandé el 29 de Avril, 2010: Quand la question a-t-elle été
121676 affichage: Nombre de visites la question a
4 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

J'ai essayé de changer l'image d'arrière-plan du bouton d'entrée via CSS, mais cela ne fonctionne pas.

search.html:

     <body>
<form name="myform" class="wrapper">
  <input type="text" name="q" onkeyup="showUser()" />
 <input type="button" name="button" value="Search" onclick="showUser()" class="button"/>
 <p>
 <div id="txtHint"></div>
</p>
</body>

search.css:

 .button {
  background-image: url ('/image/btn.png') no-repeat;
  cursor:pointer;
  }

qu'est-ce qui pourrait mal?

même en ligne, le CSS ne semblait pas fonctionner.

Demandé el 29 de Avril, 2010 par input

Answer 1

4 Réponses

Answer 2

64voto

Jonathan Czitkovics Points 1155

Vous devez le saisir sans le mot image .

background: url('/image/btn.png') no-repeat;

Testé dans les deux sens et celui-ci fonctionne.

Exemple:

 <html>
    <head>
        <style type="text/css">
            .button
            {
            background: url(/image/btn.png) no-repeat;
            cursor:pointer;
                        border: none;
            }
        </style>
    </head>
    <body>
        <input type="button" name="button" value="Search" onclick="showUser()" class="button"/>
        <input type="image" name="button" value="Search" onclick="showUser()" class="button"/>
        <input type="submit" name="button" value="Search" onclick="showUser()" class="button"/>
    </body>
</html>

Répondu el 29 de Avril, 2010 par Jonathan Czitkovics (1155 Points )

Answer 3

16voto

Pekka 웃 Points 249607

Pour ajouter aux réponses, je pense que la raison spécifique dans ce cas, en plus des no-repeat mal placés, est l'espace entre url et ( :

 background-image: url ('/image/btn.png') no-repeat; /* Won't work */
background-image: url('/image/btn.png'); /* Should work */

Répondu el 29 de Avril, 2010 par Pekka 웃 (249607 Points )

Answer 4

10voto

Tgr Points 11766

background-image prend une URL comme valeur. Utilisez soit

 background-image: url ('/image/btn.png');

ou

 background: url ('/image/btn.png') no-repeat;

qui est un raccourci pour

 background-image: url ('/image/btn.png');
background-repeat: no-repeat;

En outre, vous voudrez peut-être regarder l' élément HTML button pour les boutons d'envoi fantaisistes.

Répondu el 29 de Avril, 2010 par Tgr (11766 Points )

Answer 5

4voto

Greg K Points 2566

S'il s'agit d'un bouton d'envoi, utilisez <input type="image" src="..." ... /> .

http://www.htmlcodetutorial.com/forms/_INPUT_TYPE_IMAGE.html

Si vous souhaitez spécifier l'image avec CSS, vous devrez utiliser type="submit" .

Répondu el 29 de Avril, 2010 par Greg K (2566 Points )

image de fond pour type d'entrée = "bouton"

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

image de fond pour type d'entrée = "bouton"

Réponses

Questions connexes

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: