前端学习之鼠标样式轮廓防拖拽文本域(cursor、outline、resize)
1.鼠标样式cursor鼠标移上显示的样式。常用的几个如下:cursor:default默认白色箭头 丨pointer 小手 丨 move 十字架样子 丨 text 文本2.轮廓outline是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。outline:outline-color | | outline-style | | outline-width但是我们都不关心可以设置多
·
1.鼠标样式cursor
鼠标移上显示的样式。常用的几个如下:
cursor:default 默认白色箭头 丨pointer 小手 丨 move 十字架样子 丨 text 文本

2.轮廓outline
是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。
outline:outline-color | | outline-style | | outline-width
但是我们都不关心可以设置多少,平时基本是去掉的。
最直接的写法是:outline:0; 或者 outline:none; 
3.防止拖拽文本域resize

默认的文本域拖拽效果如上图所示。
resize:none; 这个单词可以防止 火狐 谷歌等浏览器随意的拖动文本域
<textarea style="resize: none"></textarea>
更多推荐



所有评论(0)