Chrome(google浏览器),Safari(苹果浏览器)取消textarea的resize和聚焦变色

 

webkit核心浏览器包括Chrome(google浏览器),Safari(苹果浏览器)中的textarea可拖动调整大小，聚焦（onfocus）时边框变成黄色。这些效果的确很酷，但我们有时候不需要这些效果，那怎么办呢？其实用 css轻松取消这些效果

1. 取消拖动调整大小 ：

1	textarea {

2	resize: none;

3

}

2. 聚焦时边框颜色不变

1	textarea:focus {

2	outline: none;

3

}