1. 鼠标样式 cursor
default: 小白(箭头)默认
pointer:小手
move:移动
text:文本
not-allowed:禁止
2. 轮廓线(表单外发光)outline
给表单添加 outline:0; 或者 outline:none; 可以去掉默认蓝色边框
3. 防止拖拽文本域(resize)
实际开发中 textarea 是不允许拖拽文本域的,使用 resize:none; 解决
需要注意的是让 <textarea></textarea> 标签在一行显示,不然在文本域的输入框中 有文字空行。
4.垂直居中(vertical-align)
常用于 设置图片 或者 表单(行内块元素)和文字垂直对齐
官方解释:用于设置一个元素的垂直对齐方式,只针对 行内元素 或者 行内块元素 有效
语法:vertical-align:baseline | top | middle | bottom;
baseline:默认,元素放置在父元素的 基线 上
top:把元素的顶端 与 行中最高元素 的顶端对齐
middle:把此元素放置在父元素的 中部
bottom:把元素的顶端 与 行中最低的元素 的顶端对齐