HighDots Forums  

CSS Submit Button with Rollover Effect?

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)


Discuss CSS Submit Button with Rollover Effect? in the Macromedia Dreamweaver forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
RonSanSolo
 
Posts: n/a

Default CSS Submit Button with Rollover Effect? - 10-02-2006 , 11:20 PM






I styled a form's Submit button using CSS; but, is there a way to apply a rollover effect to the Submit button as well?

Thanks,
Ron

Reply With Quote
  #2  
Old   
Mister Mustard
 
Posts: n/a

Default Re: CSS Submit Button with Rollover Effect? - 10-03-2006 , 03:11 PM






On Tue, 3 Oct 2006 03:20:12 +0000 (UTC), "RonSanSolo"
<webforumsuser (AT) macromedia (DOT) com> wrote:

Quote:
I styled a form's Submit button using CSS; but, is there a way to apply a rollover effect to the Submit button as well?

Thanks,
Ron
Sure, Ron, just use JavaScript to change the class on mouseover.




Reply With Quote
  #3  
Old   
RonSanSolo
 
Posts: n/a

Default Re: CSS Submit Button with Rollover Effect? - 10-03-2006 , 03:54 PM



Sounds great! I'll give it a shot.

Thanks,
Ron

Reply With Quote
  #4  
Old   
VVebbie
 
Posts: n/a

Default Re: CSS Submit Button with Rollover Effect? - 10-03-2006 , 05:09 PM



If you don't want to get involved with javascript, you could just say "Nuts to
IE!" and build in some 'surprise' functionality to be 'activated' when IE7 is
released using CSS:

input.rolly:hover
{
background-color:green;
}

Or if you want to get really lazy and not even use classes:

input[type=button]:hover,
input[type=submit]:hover
{
background-color:green;
}




Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.