CSS 用户界面样式（cursor鼠标样式、outline消除表单轮廓线、resize防止拖拽文本域）

用户界面样式简介

• 定义：用户界面样式就是更改一些用户的操作样式，以便提高用户的体验。
• 具体措施：

1. 更改用户的鼠标样式
2. 消除表单默认的蓝色轮廓线
3. 防止表单域（文本域）拖拽

cursor鼠标样式

更改鼠标样式的语法格式如下：
li{ cursor: pointer; }

注意：
1、cursor属性的具体取值说明见下表：

属性值	说明
default	小白（默认）
pointer	小手
move	移动
text	文本
not-allowed	禁止

outline消除表单轮廓线

消除表单默认的蓝色轮廓线的语法格式如下：
input{ outline: 0 | none; }

resize防止拖拽文本域

防止文本域拖拽的语法格式如下：
textarea{ resize: none; }

注意：
1、文本域的代码尽量写在一行，如果换行，可能会造成一些样式上的错误

---

微信公众号也会定期更新，觉得文章写得还可以的，可以加个关注！点个赞！谢谢！