[TOC] # CSS用户界面样式 所谓的界面样式， 就是更改一些用户操作样式， 比如 更改用户的鼠标样式， 表单轮廓等。但是比如滚动条的样式改动受到了很多浏览器的抵制，因此我们就放弃了。 防止表单域拖拽 ## 鼠标样式cursor 设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。 ```html cursor : default 小白 | pointer 小手 | move 移动 | text 文本 ``` 鼠标放我身上查看效果哦： ```html <ul> <li style="cursor:default">我是小白</li> <li style="cursor:pointer">我是小手</li> <li style="cursor:move">我是移动</li> <li style="cursor:text">我是文本</li> </ul> ``` 尽量不要用hand 因为 火狐不支持 pointer ie6以上都支持的尽量用 ## 轮廓 outline 是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 ~~~css outline : outline-color ||outline-style || outline-width ~~~ 但是我们都不关心可以设置多少，我们平时都是去掉的。 最直接的写法是 ： `outline: 0; ` ```html <input type="text" style="outline: 0;"/> ``` ## 防止拖拽文本域resize `resize：none` 这个单词可以防止 火狐 谷歌等浏览器随意的拖动 文本域。 右下角可以拖拽： ~~~ <textarea></textarea> ~~~ 右下角不可以拖拽： ```html <textarea style="resize: none;"></textarea> ```