今天发现了一个鼠标样式:not-allowed,是一个红色圈加一个斜杠,表示禁止的意思,似乎IE ,chrome firefox 都可以正常显示,很好用
cursor: not-allowed; 是CSS 中的一个属性,用于设置鼠标指针的光标样式。当鼠标悬停在应用了此属性的元素上时,光标将显示为一个带有斜杠的红色圆圈,通常表示该元素当前处于不可交互的状态。 cursor: not-allowed; 的使用场景 禁用按钮:当用户点击按钮之前需要满足某些条件(如填写表单)时,可以将按钮设置为禁用状态,...
How to read CSS syntax. [ [<uri>[<x><y>]?,]*[ auto|default|none|context-menu|help|pointer|progress|wait|cell|crosshair|text|vertical-text|alias|copy|move|no-drop|not-allowed|e-resize|n-resize|ne-resize|nw-resize|s-resize|se-resize|sw-resize|w-resize|ew-resize|ns-resize|nesw-resiz...
这个答案是正确的需要把两个css分开写,自己封的disabled组件 .text-button-box { .disabled { color: #c5c8ce; pointer-events: none !important; } cursor: not-allowed !important; } 2024-01-18 回复 Luyoyo 2017-03-22 因为设置了 pointer-events:none; 把所有点击事件全部禁掉了,所有cursor 也没有...
not-allowed:禁止光标。 grab:抓取光标。 grabbing:抓取中光标。 all-scroll:表示可以滚动。 col-resize:列调整大小光标。 row-resize:行调整大小光标。 n-resize、ne-resize、e-resize、se-resize、s-resize、sw-resize、w-resize、nw-resize:分别表示不同方向的调整大小光标。 应用场景 按钮:通常设置为pointer,...
selector { cursor: not-allowed; } 复制 The selector represents the element(s) to which you want to apply the not-allowed cursor style. It can be any valid CSS selector, such as a class, ID, or tag selector. Behaviour When the not-allowed cursor style is applied to an element, ...
例如,当一个按钮被禁用时,应将其鼠标指针样式设置为cursor-not-allowed,以提示用户该按钮当前不可点击。 最后,需要注意的是,cursor-pointer在移动端是无效的。因为移动端设备通常使用触摸操作而非鼠标操作,所以鼠标指针样式在移动设备上不会生效。在设计移动端界面时,应通过其他方式(如触摸...
鼠标禁用样式和鼠标禁用事件的冲突(cursor: not-allowed和 pointer-events: none),程序员大本营,技术文章内容聚合第一站。
"cursor:not-allowed"的搜索结果 小tips:了解CSS变量var 星期六, 十一月 26th, 2016 标签:calc,css3,CSS变量,css相关,currentColor,var,变量 发布在CSS相关|57 条评论 » 张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》 ...
不要给禁用按钮加cursor: not-allowed 因为它的状态只与拖拽行为相关 所以禁用按钮光标还是用default更合适 都是CSS3新增的光标类型 缩放 cursor: zoom-in; 放大 cursor: zoom-out; 缩小 抓取 cursor: grab; 五指张开的手 cursor: grabbing; 五指收起的手 ...