6.用户界面-鼠标样式、表单轮廓

本节学习目标：

• 我们的鼠标在经过某些图表或文字的时候，会变换不同的样式；
• 取消表单多余轮廓和文本框右下角可以改变尺寸的标志。

1 . 设置鼠标样式

li {cursor:pointer;}属性

属性值	描述
default	小白
pointer	小手
move	移动
text	文本
not-allowed	禁止

 

<ul>
        <li style="cursor: default;">123455</li>
        <li style="cursor: move;">123455</li>
        <li style="cursor: pointer;">123455</li>
        <li style="cursor: not-allowed;">123455</li>
        <li style="cursor: text;"> 123455</li>

2. 设置表单和文本框样式

<style>
        input,
        textarea {
            outline: none;
        }

        textarea {
            resize: none;
        }
    </style>