改变悬浮在元素上时鼠标的样式
所谓的界面样式,就是更改一些用户操作样式,以便提高更好的用户体验。
更改用户的鼠标样式(cursor)
li {
cursor: default;
}
设置或检索在对象上移动的鼠标指针采用何种系统预定的光标形状。
属性值 | 描述 |
---|---|
default | 小白箭头(默认) |
pointer | 小手 |
move | 移动 |
text | 文本 |
not-allowed | 禁止 |
<body>
<div>
<ul>
<li style="cursor: default">小白箭头</li>
<li style="cursor: pointer">小手</li>
<li style="cursor: move">移动</li>
<li style="cursor: text">文本</li>
<li style="cursor: not-allowed">禁止</li>
</ul>
</div>
</body>
表单轮廓(outline)
取消文本框的轮廓线
input {outline: none; }
取消文本域的拖拽(拖拽文本域会改变文本域的大小)
textarea {resize: none;}