✔ Hover-Effekt bei Input Submit Buttons

[Moan]

Hallo zusammen,

ich sitz grad mal wieder vor einem wahrscheinlich kleinen Problem.

Ich würde ganz gern per CSS einen Hover-Effekt auf ein Submit-Button legen, so wie in diesem Beispiel .

Nur leider will der IE (und nur für den brauch ich das ganze) nicht so wie ich es gern hätte.

So sieht der Ausschnitt aus der CSS Datei aus

input.submitloginButton{
padding: 0 0 0 0;
	font-size: 10px;
	color: #000066;
	background-color : #F8F9FB;
	border : 1px solid #C0CCE0;
	margin-top : 2px;
	margin-left :159px;
	float: left;
}

input.submitloginButton:hover{
	font-size: 10px;
	color: #000066;
	background-color : #F8F9FB;
	border : 1px solid #CC0000;
	margin-top : 2px;
	margin-left :159px;
	float: left;
}

und so der HTML-Code

<input type="submit" value="Passwort zurücksetzen" class="submitloginButton" />

Weiss dazu irgend jemand Abhilfe? Beim hovern soll sich die border-color ändern. Mit JS geht´s natürlich, aber ich würde es gern zentral definieren.

Auch wenn ich die Klasse von submitloginbutton auf nur submit ändere tut sich nüschds...

Greetz

Dani

 

[dragon90]

versuch mal das in der HTML datei:

<input type="submit" value="Passwort zurücksetzen" class="submitloginButton">

also ohne

/

nicht so:

<input type="submit" value="Passwort zurücksetzen" class="submitloginButton" />

 

[Moan]

Danke für die schnelle Antwort, aber das ändert nichts daran, dass der HoverEffekt nicht ausgeführt wird. Dieser "/" am Ende ist für XHTML-Elemente, die nur ein Tag besitzen, also kein explizit schliessendes Tag haben.

Daran liegt´s also ned...

ich bin auch grad noch surfen die ganze Zeit, aber so wie es aussieht macht das dieser sch**** IE nur mit JS...

Dani

 

[dragon90]

ja ich hab das problem mom:
also beim Input bei mir sieht das so aus:

input.normal 
{ 
background-color: #C19B5D; 
}
input.hover 
{ 
background-color: #CFBEA0; 
}

und die HTML:

<input type="text" name="name" class="normal" onmouseover="this.className='hover'" onmouseout="this.className='normal'" size="10">

so gehts auch ohne JS
bei mir klappts zu mindest

 

[Moan]

onmouseover="this.className='hover'" onmouseout="this.className='normal'"

ich dachte immer diese Funktionen sind alles JS Funktionen...

Dani

 

[Maik]

<input type="text" name="name" class="normal" onmouseover="this.className='hover'" onmouseout="this.className='normal'" size="10">

so gehts auch ohne JS
bei mir klappts zu mindest

Die Anweisung this.className='Klassen-Name' ist sehr wohl Javascript

 

[Moan]

Also,

nach langem Suchen bin ich zum Fazit gekommen (oder auch Tatsache), dass es ohne JS im IE nicht klappt....leider.

Greetz

Dani