n-wp.ru — блог о WordPress
Несколько примеров работы с CSS: устранение обводки полей в некоторых браузерах и выделение правил для Internet Explorer | n-wp.ru

Несколько примеров работы с CSS: устранение обводки полей в некоторых браузерах и выделение правил для Internet Explorer

Не мне вам объяснять, что разные браузеры работают по-разному. Одним из ярких примеров является поведение текстовой формы при вводе логина или комментария — в Google Chrome и Safari она обводится. Если дизайн вашего блога сильно контрастирует с этим, то можно убрать принудительную обводку, применив простое правило.

Несколько примеров работы с CSS: устранение обводки полей в некоторых браузерах и выделение правил для Internet Explorer

Как устранить обводку активных полей в браузерах на движке WebKit

Для этого добавьте в style.css такое правило:

Теперь когда какой-нибудь элемент, в котором нужно вводить текст, получит фокус, то Safari не будет обводить его голубой, а Google Crome желтой рамкой.

Как добавлять правила для предыдущих версий Internet Explorer

Описанное выше правило будет работать только в тех браузерах, которые перехватывают фокус, в Internet Explorer 6 они не работают. Однако есть много загвоздок, связанных со старыми версиями IE, и если под нее писать отдельное оформление, то можно легко запутаться. Гораздо проще вставлять в работающий код правила, которые будут работать только в Internet Explorer, тем более, что выделить их визуально очень легко. Есть определенные символы, вставляя которые перед условием, мы делаем его понятным только определенной версии IE. Пример:

Это гораздо проще, чем писать отдельные блоки для каждой версии Internet Explorer.

tiaurus

Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

Комментировать

/* ]]> */