取消＜input＞与＜textarea＞默认属性outline和resize

取消与默认属性

1. 在我们点击文本框<input>时，文本框默认边框会加黑加粗，影响了视觉效果，我们可以使用outline：none属性来取消默认样式

未设置outline：none属性之前的效果如下图所示：
鼠标未聚焦之前：

鼠标聚焦之后：

很清楚的发现轮廓加粗加黑了，使文本框变得很不美观

但是加了outline：none属性之后，文本框样式与没有聚焦一样

input{
	outline: none
}

2. 我们在页面写入一个文本域时，文本域的大小可以随意用鼠标拖动来设置大小，一般情况下，我们需要取消这个默认样式，不能通过鼠标随意改变文本域的宽和高，这个属性时resize: none
没有取消默认样式之前：

设置resize: none之后：

可以很清楚的看到，文本域的大小不能随鼠标的拖动来改变了