取消与默认属性
- 在我们点击文本框
<input>
时,文本框默认边框会加黑加粗,影响了视觉效果,我们可以使用outline:none属性来取消默认样式
未设置outline:none属性之前的效果如下图所示:
鼠标未聚焦之前:
鼠标聚焦之后:
很清楚的发现轮廓加粗加黑了,使文本框变得很不美观
但是加了outline:none属性之后,文本框样式与没有聚焦一样
input{
outline: none
}
2. 我们在页面写入一个文本域时,文本域的大小可以随意用鼠标拖动来设置大小,一般情况下,我们需要取消这个默认样式,不能通过鼠标随意改变文本域的宽和高,这个属性时resize: none
没有取消默认样式之前:
设置resize: none之后:
可以很清楚的看到,文本域的大小不能随鼠标的拖动来改变了