Solved

FormButtonColor.

Posted on 2011-09-09
10
191 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:Prafulla Maharjan
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
3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

 
LVL 16

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 16

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
 

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 16

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 16

Expert Comment

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

Featured Post

Netscaler Common Configuration How To guides

If you use NetScaler you will want to see these guides. The NetScaler How To Guides show administrators how to get NetScaler up and configured by providing instructions for common scenarios and some not so common ones.

Question has a verified solution.

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

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

803 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