CSS用户界面样式-鼠标样式[cursor]、轮廓线[outline]、拖拽文本域[resize]

CSS用户界面样式-鼠标样式[cursor]、轮廓线[outline]、拖拽文本域[resize]

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

1.鼠标样式

li{cursor:pointer;}

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

2.表单轮廓—轮廓线 outline

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

input {outline: none;}

3.防止表单域拖拽—防止拖拽文本域 resize

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

textarea{ resize: none;}