CSS界面样式（悬浮在元素上时将鼠标改为小手）

最新推荐文章于 2024-01-13 16:33:52 发布

靡_初

最新推荐文章于 2024-01-13 16:33:52 发布

阅读量3.1k

点赞数 2

分类专栏： CSS 文章标签： css html

本文链接：https://blog.csdn.net/kettlo/article/details/115380375

版权

CSS 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

改变悬浮在元素上时鼠标的样式

所谓的界面样式，就是更改一些用户操作样式，以便提高更好的用户体验。

更改用户的鼠标样式（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;}

靡_初

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
CSS界面样式（悬浮在元素上时将鼠标改为小手）

改变悬浮在元素上时鼠标的样式所谓的界面样式，就是更改一些用户操作样式，以便提高更好的用户体验。更改用户的鼠标样式（cursor）li { cursor: default;}设置或检索在对象上移动的鼠标指针采用何种系统预定的光标形状。属性值描述default小白箭头（默认）pointer小手move移动text文本not-allowed禁止<body> <div> <ul>
复制链接

扫一扫