Outlines should only be modified using :focus?

[beautifulcoder]

I have this CSS:

input[type=text]:invalid, input[type=password]:invalid, textarea:invalid {
    outline: none;
    box-shadow: none;
}

Unfortunately, in IE I have to set the outline to none and in Firefox I have to set the box-shadow to none. This is a result of adding the required attribute to the input tags. In both browsers you get annoying outlines by default. Is this something we've thought about before? It seems :invalid should also get considered as a :focus.