所谓的界面样式， 就是更改一些用户操作样式， 比如 更改用户的鼠标样式， 表单轮廓等。但是比如滚动条的样式改动受到了很多浏览器的抵制，因此我们就放弃了。 防止表单域拖拽

鼠标样式cursor

cursor:default**——————————-**默认箭头光标
cursor:pointer——————————-小手光标
cursor:move———————————-移动光标
cursor:text————————————-**输入**文本光标
cursor:crosshair—————————-十字线关闭
cursor:**wait————————————此光标指示程序正忙（通常是一只表或沙漏）
cursor:**help————————————此光标指示可用的帮助（通常是一个问号或一个气球）

用户输入样式

  1. input:focus{outline: red auto 1px; /* 设置外轮廓线的颜色 */}
  3. textarea{resize: none;/* 禁用文本域的可拖动行为 */}

常用属性

disabled **———**————禁用属性
placeholder———**————占位符 当用户输入的时候 里面的文字消失 删除所有文字，自动返回
autofocus————-**——————-规定当页面加载时 input 元素应该自动获得焦点
required——————**—————**必填项 内容不能为空

新增的input type属性值

email————-<input type="email">-------输入邮箱格式
tel—————-<input type="tel">----------输入手机号码格式
url—————<input type="url">-----------输入url格式
number——-<input type="number">--------输入数字格式
search———<input type="search">--------搜索框（体现语义化）
range———-<input type="range">---------自由拖动滑块
time————-<input type="time">---------小时分钟
date————-<input type="date">---------年月日
datetime——-<input type="datetime">----时间
month———-<input type="month">--------月年
week————-<input type="week">---------星期 年