UGH! trying to make a rollover submit button w/o images...

tristero · Mar 25, 2004

i can't get this to work, and i cant see why... please help.

Code:

<head>
<style>

.mybutton   {background-color: white}

</style>
</head>
<body>

<INPUT type=button class=mybutton value="Click Me" OnMouseOver="this.style.background-color='red'" onMouseOut="this.style.background-color='white'">

"this.style.color='red'" works, but i can't get the background-color property to work for some reason.

Dan Trenz
Ann Arbor, MI

MrGreed · Mar 25, 2004

No Problem just a small change:

OnMouseOver="this.style.background-color='red'" onMouseOut="this.style.background-color='white'">

TO

OnMouseOver="this.style.backgroundColor='red'" onMouseOut="this.style.backgroundColor='white'">

MrGreed

http://www.pastame.com

"did you just say Minkey?, yes that's what I said."

tristero · Mar 25, 2004

yay! thanks so much. I swear i tried that... oh well. thanks!

Dan Trenz
Ann Arbor, MI

vongrunt · Mar 25, 2004

I thought IE would eat this (as bugzilla does):

Code:

<style type="text/css">
input	{	background-color: white; }
input:hover  {	background-color: red; }
</style>

Unfortunately not... *sniff* and @#!~:E

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

UGH! trying to make a rollover submit button w/o images...

tristero

Programmer

MrGreed

Programmer

tristero

Programmer

vongrunt

Programmer

Similar threads

Part and Inventory Search

Sponsor