input {
outline: none;
}
/* 屏蔽文本框高亮 */
textarea {
outline: none;
}
CSS 屏蔽 Webkit 文本框缩放
Webkit 的文本框缩放功能原本是方便用户进行大量文本输入而设计的，但有时果度的缩放会造成下图的效果，打乱了页面的布局。如果你的网站已经为用户提供了足够大的空间让用户进行输入，那么你可以屏蔽这个功能，用 CSS 有两种方法。
CSS 2.1 的方法：
原理：限制文本框的最大宽度和最大高度，使其和设计的大小一样。
textarea {
width: 400px;
max-width: 400px;
height: 400px;
max-height: 400px;
CSS3 的方法：
通过 resize 属性禁止对元素进行缩放，因为 Chrome 对 CSS3 支持良好，因此推荐使用这个方法。
texearea {
resize: none;
}
posted on 2010-10-12 14:45
-274°C 阅读(1014)
评论(0) 编辑 收藏 所属分类:
web前端