css鼠标移上显示红色禁止符号

最新推荐文章于 2025-02-26 09:13:52 发布

春晨秋遇

最新推荐文章于 2025-02-26 09:13:52 发布

阅读量3.3k

点赞数 2

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

本文链接：https://blog.youkuaiyun.com/gypzp/article/details/107332489

版权

css 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何使用CSS设置鼠标hover时显示的禁止样式，通过使用cursor属性的no-drop和not-allowed值，实现一个红色圈加斜杠的禁止图标效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小小样式让我找了好久，搜索不对也不行啊，鼠标 hover 时指针的样式一般为箭头，但是可以设置小手或者其他，此文意在用 css 样式设置指针禁止符号

// 以下两个css表达式皆为一个红色的圈加一个斜杠，表示禁止的意思
cursor:no-drop       
 
cursor:not-allowed

此文受以下博客链接主人启发，不得不说，这个地址太长了

https://blog.youkuaiyun.com/qq_36763293/article/details/88424535?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase