IE7 input:focus

Question

I have the following CSS which isn\'t working in IE7.

input:focus{border-width: 2px;border-color: Blue; border-style: solid;}

Basically, I

Answer 1

A jQuery simpler and nicer solution that works for every input, even for those dynamically attached later:

 $.browser.msie && $.browser.version < 8 && $("input,select,textarea").live("focus", function(){
   $(this).removeClass("blur").addClass("focus"); 
}).live("blur", function() { 
   $(this).removeClass("focus").addClass("blur"); 
});

CSS example:

input[type='text']:focus, input[type='text'].focus {
   border: 1px solid red;
}