CSS用户界面样式

CSS用户界面样式

所谓的界面样式，就是更改一些用户操作样式，以便提高更好的用户体验

1、更改用户的鼠标样式(cursor)

源代码

 

li {cursor: 属性值;}

设置或检索在对象上移动鼠标指针采用何种系统预定义的光标形状

cursor: default;                       小白 默认

cursor: pointer;                       小手

cursor: move;                         移动

cursor: text;                          文本

cursor: not-allowed;                   禁止

2、轮廓线outline

源代码

 

 

给表单添加outline: 0; 或者 outline: none; 样式之后，就可以去掉默认的蓝色边框

input { outline: none;}

3、防止拖拽文本域resize

源代码

 

 

实际开发中，我们文本域右下角是不可以拖拽的

textarea { resize: none;}