css实现鼠标禁用（鼠标滑过显示红色禁止符号）
warning:
这篇文章距离上次修改已过204天，其中的内容可能已经有所变动。
要实现当鼠标滑过元素时显示一个红色禁用符号，可以使用CSS的伪类:hover以及背景图片或者Unicode字符。以下是实现这个效果的CSS代码示例：
.disabled-element:hover {
cursor: not-allowed;
color: red;
/* 使用背景图片的方式显示禁用符号 */
/* background: url('path-to-your-disabled-icon.png') center left no-repeat; */
/* 或者使用Unicode字符 */
content: "❌";
display: inline-block;
padding-left: 5px; /* 根据需要调整间距 */
}在HTML中，你可以这样使用：
<button class="disabled-element">Button</button>将上述CSS类应用到你想要禁用的元素上，当鼠标滑过时，元素旁边会显示一个红色的禁用符号。
评论已关闭