Form Input

[canadabeeau]

Hi I want to make my text input boxes work like the first one on this site http://www.webcredible.co.uk/user-friendly-resources/css/css-forms.shtml

So when the client clicks in the box it has a different border (or a border at all), how can I do this in CSS?

 

Thanks in advance, any help appreciated

[canadabeeau]

anyone?

[haku]

You can use :focus on the CSS selector, and add different declarations inside. For example:

 

input:focus
{
  border:red;
}

 

But, it doesn't work for all browsers. Definitely not IE6, and I'm thinking not IE7 either, though I can't remember off the top of my head.