Input type submit ändern (hover-Effekt) im IE 6

[Tofte83]

Hi!

Ich möchte gerne den Submit Button für Formulare an den Stil meiner anderen Links angleichen und brauche dafür einen Hover-Effekt.


Folgendes habe ich gemacht:

CSS-Definition:

.linky2.button{
 WIDTH: 200px;
 BACKGROUND-COLOR: #C8C0C0;
 BORDER:2px #C8C0C0 outset;
 padding:1px;
 font-size:7pt;
 font-family: Verdana;
 font: bold;
 color:blue;
}
.linky2.button hover {
 BORDER:2px #C8C0C0 inset;
 color:black;
}
.linky2.button,
.linky2.button:visited,
.linky2.button:link,
.linky2.button:hover,
.linky2.button:active {
 TEXT-DECORATION:none;
 color:blue;
}

Und dem Element habe ich die Klasse zugewiesen.

<input type="submit" value="verleihen" class="button">

In der Darstellung sieht er jetzt aus wie die anderen, hat aber keinen Hover-Effekt. ich bin mir nicht sicher, iob ich einen Fehler habe, oder der IE 6 dies vllt nicht unterstüzt.
Danke für eure Hilfe!

Gruß Tofte83

 

[prm]

Der IE 6 kann hover nur beim Pseudoelement "a", nicht bei anderen Elementen.

 

[Efchen]

Und Pseudoklassen schreibt man mit Doppelpunkt vor ihrem Namen.

a:hover also.

 

[neuroleptika]

Auf http://www.xs4all.nl/~peterned/csshover.html wird ein behavior vorgestellt, welches allen möglichen Elementen für den IE6 ein :hover nachbildet.
Für ein einzelnes Element ist das vielleicht etwas übertrieben.
Manchmal reicht ein anderes corser-Verhalten für den Submit-Button um ihn an als anklickbar zu verdeutlichen.

#submit{
pointer:pointer;
cursor:hand;
}

Wenn das nicht reicht, event. Ein kleines Javascript nur für dieses Element bzw. ID.