表单默认样式

1、去掉chrome等浏览器文本框默认发光边框

input:focus,textarea:focus{
   outline:none  
}

 

2、去掉IE10+浏览器文本框后面的小叉叉

input::-ms-clear{

　　display:none;

}

3、禁止多行文本框textarea拖拽

textarea{

　　resize:none;

}

在这里属性resize，这是css3属性，用于元素缩放，它可以取以下几个值：

none:默认值

both：允许水平方向及垂直方向缩放

horizontal：只允许水平方向缩放

vertical：只允许垂直方向缩放

不仅可以针对textarea元素，对大多数元素都使用，如div等，但与textarea不同的是，对div使用时需要加上一句overflow：auto;

 

转载于：http://beyondweb.cn/