IE8 + IE9 HTML и CSS Focus - PullRequest
Новая
       49

IE8 + IE9 HTML и CSS Focus

0 голосов
/ 19 января 2012

Я работаю над HTML-страницей, где мы хотели бы, чтобы поля input и select обводки имели рамку вокруг нее, когда она вставлена ​​и находится в фокусе.Я определил класс ввода в моем CSS следующим образом: 

input.highlight:focus {
border: #003366;
border-style: solid;
border-width: 2px;    
}

Поле ввода определено в моем HTML-файле следующим образом: 

<input class="highlight" name="attorneyName" id="attorneyName" type="text" value="John Jackson" size="50" maxlength="30">

Фокус, кажется, работает нормально вChrome, но в IE фокус остается на одной из моих кнопок независимо от того, что я делаю.Кнопка, кажется, крадет атрибут focus, и страница никогда не фокусируется на каких-либо полях ввода, поэтому поля никогда не отображаются с рамкой вокруг них, пока они вкладываются.В чем может быть причина этой проблемы?

Ответы [ 3 ]

1 голос
/ 25 января 2012

Из другого потока кто-то смог указать, что атрибут :focus распознается только в IE9. Это объясняет, почему версия jsFiddle работает правильно. Однако при запуске файла HTML с моего локального диска IE9 работает в режиме совместимости для IE8 и ниже и атрибут :focus никогда не распознается.

0 голосов
/ 19 января 2012

"Кнопка, кажется, крадет атрибут фокусировки, и страница никогда не фокусируется на каких-либо полях ввода, поэтому поля никогда не показываются с рамкой вокруг них, пока они вкладываются."

Если я ясно понимаю ваш вопрос, то у вас есть проблема при переходе от одного элемента к другому, верно? *

Если это так, то вкладка-индекс с увеличением значения индекса (или любого порядка) позволит вам выбрать следующие элементы, пока табуляция на основе настройки tab-index и тега DOCTYPE задает правила для языка разметки, чтобы браузеры правильно отображали содержимое. Конечно, изменения в Doctype имеют тенденцию к изменениям на странице. Быстро взгляните на w3 школы о доктипе, надеюсь, он может найти какой-то свет.

Ура, Arun

0 голосов
/ 19 января 2012

Вы пытались установить атрибут индекса вкладки для элементов страницы.Это свойство поддерживается всеми основными браузерами.Браузеры поддержки: IE, Safari, Firefox, Chrome.

...