admin管理员组

文章数量:1640629

拟解决问题：
给a标签添加disabled属性后，效果置灰不可点击，但鼠标放上去是箭头。
期望：鼠标放上去显示红色禁用符号。

<a :disabled="true">删除</a>

效果：

在控制台查看元素：
发现给a标签disabled属性添加上了鼠标禁用样式cursor:not-allowed和鼠标禁用事件pointer-event:none，但禁用样式不生效。
样式不生效的原因是：这两者同时使用时，元素永远不会成为鼠标事件的target。

解决方案：
在a标签外层包裹一个span，在span上添加样式。a标签的鼠标禁用事件依旧生效。保证了样式和事件同时生效。

<span style="cursor: not-allowed">
	<a :disabled="true">删除</a>
</span>

效果：

本文标签： 鼠标样式属性红色标签

版权声明：本文标题：a标签添加disabled属性后，没有鼠标禁用的红色样式（cursor:not-allowed不生效） 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1729317524a1195480.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。