Як прибрати рамку у полів textarea і input в chrome

Як прибрати рамку у полів textarea і input в Chrome / Safari

Іноді якась дрібниця здатна зіпсувати всю стилістику дизайну. Так дивишся, начебто textarea і input поля виглядають нормально, але як тільки клацаєш на них - з'являється якась синя рамка. Я взагалі працюю відразу в декількох браузерах для створення часткової кросбраузерності. Про ідеальної кросбраузерності, звичайно, мова не йде, але все ж коли тестіруешь відразу лінійку сучасних браузерів - на душі якось спокійніше. Так ось, така штука з рамкою при кліці була помічена саме в Chrome, хоча з пошуку зауважив, що таке ще буває і в Safari браузері.

Ну що ж, це невелика проблема верстки та її потрібно вирішити. А зробити це дуже просто, достатньо прописати в CSS стилі ось це:


І відразу ж все поля textarea і input перестануть обводить в цю горезвісну синю рамку.

Ось і все - порушує дизайн рамка вилучена. Всім правильної верстки та уваги до деталей! =)
  • Мені б дуже хотілося знати, як Вас звати і як зв'язатися з Вами. Заповнення цієї інформації не займе у Вас багато часу, а я буду вдячний за це!

    Сайт (не обов'язково):

    Мій блог автоматично запам'ятає Ваші нік / пошту в межах поточного браузера. При бажанні їх завжди можна буде скинути.

    Підписуйтесь на мій блог

    Хочете першими дізнаватися про найцікавіше? Тоді підпишіться на розсилку новин.

    Підписавшись на розсилку, Ви завжди будете в першу чергу дізнаватися про найважливішою і корисною для блогерів і веб-майстрів інформації.

    Або стежте за новинами


    Створити сайт самому і заробляти в інтернеті цілком реально. І мій блог допоможе вам в цьому.