Onmouseover Button met CSS

[Clauculo]

Weet iemand of het mogelijk om een butten te laten veranderen als met met de muis er overheen gaat, met CSS?

Ik, heb namelijk een verzend knop die wel erg lelijk is, kan al wel veel aanpassen maar niet voor onmouseover.

 

[miem]

http://wellstyled.com/css-nopreload-rollovers.html
http://www.htmldog.com/articles/suckerfish/example/
http://www.alistapart.com/articles/sprites
http://www.projectseven.com/tutorials/css/uberlinks/
http://www.meyerweb.com/eric/css/edge/menus/demo.html

Misschien kun je uit bovenstaande links wat inspiratie opdoen.

 

[Clauculo]

Bedankt voor de links, ze zijn geweldig

Maar ik heb ff gekeken of het er ergens bijstaat, maar ik heb het niet gevonden.
Ik denk dat de rollover niet mogelijk is bij een button helaas.

 

[miem]

Bedoel je een formulier button???
Daar is volgens mij geen mouse-over voor, wel kan je met css het uiterlijk van de button aanpassen, bv door een achtergrondkleur, een border of een plaatje als achtergrond te gebruiken.

 

[peter vazed]

<style type="text/css">
.submit0{background-color:#fcfaad}
#submit1{background-color:#fcfaad}
#submit2{background-color:#00faad}
</style>


<INPUT TYPE="SUBMIT" VALUE="Verzenden" onMouseOut="this.id='submit1';" onMouseOver="this.id='submit2';" class="submit0">

 

[miem]

oke Peter, het kan dus wel, ik ben geen held als het om javascript gaat

 

[Clauculo]

WOW! oke bedankt! supper gaaf!