CSS：用户界面样式（鼠标样式cursor，轮廓线outline，防止拖拽文本域resize）

鼠标样式cursor用来更改鼠标的样式，它的样式有很多，我们用的最多的其实就三种，分别是：

<div class="person">
        <ul>
            <li style="cursor: pointer;">小手</li>
            <li style="cursor: move;">移动</li>
            <li style="cursor: not-allowed;">禁止</li>
            <li></li>
        </ul>
    </div>

轮廓线outline就是表单外边的一道轮廓线，默认是有的，我们一般是把它直接去掉，且每个浏览器对outline的显示也不同，例如：

/*实际中用border比较多*/
<input type="text" style="outline: none;">

防止拖拽主要就是针对文本域textarea，它默认在右下角为之，用户是可以进行拖拽的，这样容易造成页面布局混乱，因此，我们经常这样做：

/*直接用resize改为none就能解决拖拽问题*/
<textarea style="resize: none;"></textarea>