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 阅读(890) 评论(0)  编辑  收藏 所属分类: web前端

只有注册用户登录后才能发表评论。


网站导航:
 

常用链接

留言簿(21)

随笔分类(265)

随笔档案(242)

相册

JAVA网站

关注的Blog

搜索

  •  

积分与排名

  • 积分 - 873160
  • 排名 - 37

最新评论