CSS and INPUT.button

[LORDGreg]

well.. i' making a button, but want to look diferent than default system button,.. so i decided to use a CSS style on button:

INPUT.button {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
border-left: 2 solid #999999;
border-top: 2 solid #999999;
border-right: 2 solid #999999;
border-bottom: 2 solid #999999;
}

now, the point is.. i want to have the same look of button when i don't click on any of FORM things and when i write something in input text... (same border, and so on) how to do that?

and when i will clik on that button, the border will change,...

please help soon,

thanks,

[LORDGreg]

okay folx.. i figured it out...

looks like this:

< input type="text" onFocus="this.style.background='blue'"onBlur="this.style.background='red'" >

well, looks like this..

[duckie]

You should put <form> tags around any form elements...for the sake of us Mozilla users.

[W1LL]

Going back to the original post... you can just put:

border: 2px solid #999999;

instead of all that border-left, border-right stuff.
Anything that saves space is always a good thing

- Will

[Anarchos]

You could even do border: 2px solid #999;