input[type="submit"] - change background when clicked

Question

Hi,

I have a simple <input type="submit" value="Search"> submit button. In the CSS i have styled it with input[type="submit"] and input[type="submit"]:hover so it changes its background by default and when hovered. Is there a way to change its background when clicked?

Answer 1

input[type="submit"]:active {
    color: green;
}

Answer 2

You should be able to use input[type=submit]:active, similar to how you'd style links.

Do note that this will not function properly in IE6 (not sure about 7 and 8)