I’m having a problem with the :focus attribute being recognized within my HTML file saved on my local drive. I’ve entered the HTML and CSS in jsFiddle here and the :focus attribute works just fine as seen in this image link here:
Basically, what I am trying to show in the image is that I am within the Attorney Name text field, so that is where the :focus attribute should be applied, which is successfully shown by a blue border around the text field. What I am also trying to show here is that there is a light blue border around the Jail Address button that seems to be IE’s default :focus attribute.
When opening the HTML file saved on my local drive, the :focus attribute that I want to apply to the Attorney Name field is lost, as shown in this image link here:
Instead, the Attorney Name field is highlighted with the default IE :focus attribute. Can anyone help troubleshoot why my :focus is seen correctly in jsFiddle, but not on my local HTML file and how I might fix this issue? I am testing this on IE8 and IE9.
Is the CSS defined in a separate file? Is that CSS file being loaded when the HTML is loaded from the local hard drive?