Verwenden eines Bildes als Übermittlungsschaltfläche

8

Wenn ich selbst klickbare Buttons machen will, kann ich das tun:

%Vor%

Bei CSS-Regeln für a.button wird der Link als Schaltfläche angezeigt. Wenn ich den gleichen Trick auf <input type="submit" /> anwende, erhalte ich das Button-Bild, aber es wird über der Standard-Senden-Schaltfläche angezeigt und der Cursor ändert sich nicht in eine Hand wie bei <a> -Tags.

Wie kann ich dieses Verhalten beheben?

    
Pieter 12.03.2011, 15:21
quelle

4 Antworten

5

Sie können geeignete CSS-Eigenschaften wie

verwenden %Vor%

, um die Standardstile von der Schaltfläche input type="submit" zu entfernen.

    
Jon 12.03.2011, 15:23
quelle
14

Sie könnten stattdessen ein input type="image" verwenden.

Es wird so verwendet:

%Vor%
kapa 12.03.2011 15:32
quelle
6
%Vor%

Dies erstellt eine Übermittlungsschaltfläche mit einem Bild darin.

und wenn Sie den Cursor ändern möchten, wenn Sie den Mauszeiger über den Cursor bewegen, verwenden Sie diese CSS.

%Vor%     
Gergely Fehérvári 12.03.2011 15:37
quelle
4

Es ist einfach genug, ein <input type="submit" /> zu verwenden:

%Vor%

JS Fiddle-Demo .

    
David Thomas 12.03.2011 15:38
quelle

Tags und Links