У меня проблема с распознаванием атрибута :focus в моем HTML-файле, сохраненном на моем локальном диске. Я ввел HTML и CSS в jsFiddle здесь , а атрибут :focus прекрасно работает, как показано на этом изображении ссылка здесь :
По сути, я пытаюсь показать на изображении, что я нахожусь в текстовом поле Имя адвоката , поэтому к нему следует применить атрибут :focus, который успешно отображается синяя рамка вокруг текстового поля. Здесь я также пытаюсь показать, что вокруг кнопки Jail Address есть светло-голубая рамка, которая, по-видимому, является атрибутом IE1 по умолчанию :focus.
При открытии файла HTML, сохраненного на моем локальном диске, атрибут :focus, который я хочу применить к полю Имя адвоката , теряется, как показано на этом рисунке ссылка здесь :
Вместо этого поле Имя адвоката подсвечивается атрибутом IE :focus по умолчанию. Может кто-нибудь помочь решить, почему мой :focus правильно отображается в jsFiddle, а не в моем локальном файле HTML, и как я могу решить эту проблему? Я тестирую это на IE8 и IE9.