用户界面样式(cursor,resize,vertical-align,outline)

流过昼夜 提交于 2019-12-02 07:00:24

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:把元素的顶端 与 行中最低的元素 的顶端对齐

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!