CSS 用户界面样式
什么是界面样式
所谓的界面样式,就是更改一些用户操作样式,以便提高更好的用户体验。
更改用户的鼠标样式
表单轮廓
防止表单域拖拽
鼠标样式 cursor
设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。
li {cursor: pointer; }
轮廓线 outline
表单输入框选中后会有一个边框样式,如图:
给表单添加 outline: 0; 或者 outline: none; 样式之后,就可以去掉默认的蓝色边框。
input {outline: none; }
防止拖拽文本域 resize
多行文本在浏览器中是可以使用鼠标随意拖拽的,这样会影响布局
实际开发中,我们文本域右下角是不可以拖拽的。所以都会禁用拖拽
textarea{ resize: none;}