it-swarm.com.de

wie kann ich das Hintergrundbild im Senden-Button einstellen?

wie kann ich das Hintergrundbild im Senden-Button einstellen?

Ich muss ein Bild anstelle der regulären Schaltfläche "Senden" verwenden. welcher weg wäre am besten in xhtml/css?

Die Schaltfläche sollte in allen Hauptbrowsern einschließlich IE6 und IE7 gleich aussehen

19
Jitendra Vyas

Normalerweise mache ich das mit der folgenden CSS:

div#submitForm input {
  background: url("../images/buttonbg.png") no-repeat scroll 0 0 transparent;
  color: #000000;
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  padding-bottom: 2px;
  width: 75px;
}

und das Markup:

<div id="submitForm">
    <input type="submit" value="Submit" name="submit">
</div>

Wenn die Dinge in den verschiedenen Browsern anders aussehen, bitte ich Sie, ein Reset-Stylesheet zu verwenden, das alle Ränder, Füllungen und möglicherweise sogar Ränder auf Null setzt.

31
Phaze Phusion

Normalerweise würde man ein (oder mehrere) Bild-Tags verwenden, möglicherweise in Kombination mit dem Festlegen von div-Hintergrundbildern in css als Submit-Schaltfläche. Die eigentliche Übermittlung würde in Javascript beim Klickereignis erfolgen.

Ein Tutorial zum Thema.

5
Donald Byrd
.button {
    border: none;
    background: url('/forms/up.png') no-repeat top left;
    padding: 2px 8px;
}
5
muruga

ich mache es so cover button und das mittlere bild das 

<button><img src="foldername/imagename" width="30px" height= "30px"></button>
1
Areej Qasrawi

Sie können den folgenden Code ausprobieren:

background-image:url('url of your image') 10px 10px no-repeat
0
user4546837