[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> ```