Калининград+7.962.2626.555

Желтая рамка для TEXT в Chrome и Safari и ручное масштабирование TEXTAREA

12.01.2012

В Chrome и Safari при получении фокуса текстовым полем, вокруг этого поля появляется подсветка, которая не всегда может быть уместна. За эту подсветку отвечает стиль outline. Соответственно, убирается эта подсветка добавлением строки в CSS:

input[type="text"] { outline: none; }

Чуть более изящным решением будет:

input[type="text"]:focus { outline: none; }

Также может потребоваться убрать возможность ручного масштабирования для textarea с помощью треугольника, расположенного в нижней правой части. За эту особенность отвечает свойство resize. Оно может принимать значения none, both, horizontal, vertical. По умолчанию это значение равно both. Чтобы можно было масштабировать textarea только по–горизонтали:

textarea { resize:horizontal; }

Масштабирование textarea только по–вертикали:

textarea { resize:vertical; }

И запрет всякого масштабирования:

textarea { resize:none; }