Как убрать рамку у полей textarea и input в Chrome/Safari

Заметка на тему: CSS

Иногда какая-нибудь мелочь способна испортить всю стилистику дизайна. Так смотришь, вроде бы textarea и input поля выглядят нормально, но как только кликаешь на них - появляется какая-то синяя рамка. Я вообще работаю сразу в нескольких браузерах для создания частичной кроссбраузерности. Об идеальной кроссбраузерности, конечно, речи не идет, но все же когда тестируешь сразу линейку современных браузеров - на душе как-то спокойнее. Так вот, такая штука с рамкой при клике была замечена именно в Chrome, хотя по поиску заметил, что такое еще бывает и в Safari браузере.

Ну что ж, это небольшая проблема верстки и её нужно решить. А сделать это очень просто, достаточно прописать в CSS стиле вот это:

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

Вот и все - нарушающая дизайн рамка удалена. Всем правильной верстки и внимания к деталям! =)