Я работаю над HTML-страницей, где мы бы хотели, чтобы поля input
и select
dropboxes имели границу вокруг него, поскольку она переводится и фокусируется. Я определил класс ввода в моем CSS вот так:IE8 + IE9 HTML и CSS Focus
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 фокусируется на одной из моих кнопок независимо от того, что я делаю. Кажется, что кнопка украла атрибут фокуса, и страница никогда не фокусируется на каких-либо полях ввода, поэтому поля никогда не отображаются с рамкой вокруг них, пока они проходят через вкладку. Что может быть причиной этой проблемы?
Можете ли вы загрузить jsFiddle или предоставить полный код? – j08691
http://jsfiddle.net/raphnguyen/7Btj3/. Кажется, что он также правильно фокусируется на jsFiddle, но не на моих сборках IE8 или IE9. – raphnguyen
В этом случае у вас есть прямая ссылка, которую мы можем проверить, поскольку это, вероятно, нечто иное, чем CSS/HTML, который вы нам дали. –