✔ Formular-Bezeichnung hovern lassen...

[bigfella]

Hi..
Es dreht sich um folgende Codezeile:

<input type="submit" class="abschicken" value="Formular senden" />

"Formular senden" soll ein Hovereffekt zugewiesen werden..
Wie ich das in der .css Datei angebe weiß ich,
nur hab ich Probleme der Bezeichnung "Formular senden" dies auch richtig zuzuordnen.



Hab schon folgendes versucht:

<input type="submit" class="abschicken" value="<a class="hover">Formular senden</a>" />

Das ist natürlich falsch.
Kann mir vielleicht jemand weiterhelfen?
Vielen Dank!

 

[Julian Maicher]

input { color: #000000; }
input:hover { color: red }

<input name="name" class="input" value="Highlight">

Funktioniert allerdings nicht im IE, da müsstest du auf Javascript zurückgreifen.

<input name="name" class="input" value="Highlight" onmouseover="this.className='input'" onmouseout="this.className='input_hover'"

Die Klasse input_hover musst du dann erst anlegen.

 

[bigfella]

Erstmal vielen Dank für Deine megaschnelle Antwort!

Hab es gleich probiert und beide input´s in der css erstellt.
Jedoch hab ich das Problem das ich mehrere Formularfelder habe,
und diese somit auch hovern wenn man drüber fährt.

Deshalb bräuchte ich ja wirklich nur den Code für dieses eine input-Feld.
Denk da muss man ein <span ...> mit einbauen, oder?
Aber an welche Stelle genau? Wie muss ich das dann in HTML einbauen?

Zu Deiner zweiten Codezeile, die mit Javasript.
Hab noch nie was mit Javascript gemacht, deshalb bin ich mir auch nicht sicher.
Reicht es dann wenn ich auf meiner Anfrage-Html-Seite Javascript per

<style type="text/javascript">

einbinde
Würde der onmouse-effekt dann schon funktionieren oder was müsste ich dabei beachten?

 

[bigfella]

Hey, hab es grad geschafft

Musste ja eigentlich nur die Klasse abschicken mit einfügen..

So:

input.abschicken {
		padding-bottom:2px;
		}

input.abschicken:hover {
	color:black;
	text-decoration:underline;
	}

Jetzt wird wirklich nur das eine Feld gehovert.(Aber ja leider nicht beim IE).
Deshalb würde ich dann gleich mal die Javascript-Methode probieren.

 

[Maik]

input.abschicken_normal { /* CSS-Formatierungen */ }

input.abschicken_hover  { /* CSS-Formatierungen */ }

<input type="submit" class="abschicken_normal" onmouseover="this.className='abschicken_hover'" onmouseout="this.className='abschicken_normal'" value="Formular senden">

 

[bigfella]

Die Hilfe hier im Forum ist wirklich genial.
Einfach mal großes Lob!

Danke an Euch.
Hab es für alle Browser hinbekommen;-)