Solved

FormButtonColor.

Posted on 2011-09-09
10
190 Views
Last Modified: 2012-05-12
Does anyone know the default HTML button grey color code?

I have several web pages where I used the type=button and
onmouseover="this.stylr.backgroundcoloe='#00FFFF';"
onmouseout="this.style.backgroundcoloe='transparent';"

for some reason when i move the mouse out the orginal grey is not coming back in Mozialla firefox.

also, is this a good practice to change the colors when user points over the button or not?
any good clear colors recommended?
0
Comment
Question by:sam15
10 Comments
 
LVL 82

Expert Comment

by:leakim971
ID: 36514390
>Does anyone know the default HTML button grey color code?
no one

<input type="button" value="I'm a button" onmouseover="this.style.background='red';" onmouseout="this.style.background='';" />

Open in new window


test page : http://jsfiddle.net/yCFK3/
0
 
LVL 3

Expert Comment

by:prafullamjn
ID: 36515458
just try as

input{color:#ff0000;}

this is default red color


try this in style sheet as you like color

please check and let me know.
0
 
LVL 29

Expert Comment

by:Badotz
ID: 36515852
>>input{color:#ff0000;} ... please check and let me know.

That styles all input elements, not just buttons. I don't think that is what is desired.
0
 
LVL 15

Expert Comment

by:Gurpreet Singh Randhawa
ID: 36518311
This the Color

#dadada;

Open in new window


Well i Checked on Windows 7, if you want to see in Windows Xp or Windows Classic Mode Let me know

THanks
0
 
LVL 15

Accepted Solution

by:
Gurpreet Singh Randhawa earned 500 total points
ID: 36518315
well Classic Windows Button

#d4d0c8;

Open in new window


so you can apply it as:

<input type="button" background="#d4d0c8" name="Search" value="Search">

or u can also use style as above stated by Experts
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 

Author Comment

by:sam15
ID: 36520596
I tested the colors.. The "#d4d0c8" seems to match 100% the orignal defaul color. "#dadada" was a little lighter grey.

Is this a good practice for HTML forms to make the buttons change colors when user points over it?
I noticed most web popular websites do not use that but it seems for me to be a nice feature.
Is it also good to use Red with Grey to show it.
0
 
LVL 15

Expert Comment

by:Gurpreet Singh Randhawa
ID: 36520957
yes! That all depends upon your Choice, You can use it if you like it! But Professionally if you go! No Need to Chnage Color on mouse over or Mouse out. Some users may not like it

So better to to either use Default Color of Button with a Single Color or use some other Color for some the Same Button..

That's My Personal Experience.

Thanks
0
 

Author Comment

by:sam15
ID: 36523262
IF you have 100 users you may get 50 opinions about it. I wonder if there are standards on good practices for buttons on forms.

So your idea is to leave the default color for buttns and not change anything when user moves mouse over it.
0
 

Author Comment

by:sam15
ID: 36523543
I notice some site use a lighter color of the button background when you point to it and change the mouse pointer to a handle to indicate it. Maybe I should use lighter greyish color and change the handle instead of showing sharp red background.
0
 
LVL 15

Expert Comment

by:Gurpreet Singh Randhawa
ID: 36524902
that will be great
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This article discusses four methods for overlaying images in a container on a web page
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

911 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now