Більшість браузерів при приміщенні курсору в поле введення або при кліці на посилання-картинку підсвічує їх рамкою.
Зроблено це для того, щоб користувачі могли здійснювати вибір активних елементів сайту (посилань, полів введення, пунктів меню) за допомогою клавіші [TAB], і бачили який саме елемент знаходиться в даний момент у фокусі. Все б добре, але у різних браузерів різні рамки для підсвічування.
Підсвічування картинки в Internet Explorer при кліці
Рамка навколо поля введення в браузерах Chromium
Рамка в IE і Mozilla Firefox
Такі рамки псують цілісність дизайну, тому я зазвичай жертвую цією функцією браузерів на догоду загальному дизайну. Загалом звичайно це не зовсім вірно з точки зору юзабіліті, але якщо розібратися гарненько, то не так вже й багато користувачів використовують для навігації по сайтах тільки клавіатуру, тому я вважаю, що можна знехтувати цим "зручністю".
Щоб прибрати рамку, потрібно в таблицю стилів вставити наступний код:
input. textarea # 123; outline. none; # 125;
input: active. textarea: active # 123; outline. none; # 125;
: focus # 123; outline. none; # 125;
textarea # 123; resize. none; # 125;
textarea # 123; resize. vertical; # 125;
textarea # 123; resize. horizontal; # 125;