使用 "pointerevents： none" 时添加 CSS 光标属性

发布于09月04日

我试图禁用特定链接并应用光标样式，但这个CSS命令cursor: text;不会生效.光标始终是默认值.我正在使用最新的Firefox版本.

CSS:

pointer-events: none !important;
cursor: text;
color: Blue;

推荐答案

对该元素使用pointer-events: none表示disable all mouse interactions.如果要更改cursor属性，则必须将更改应用于父元素.您可以用元素包装链接，并向其添加cursor属性.

HTML个

<span class="wrapper">
    <a href="#">Some Link</a>
</span>

CSS个

.wrapper {
    position: relative;
    cursor: text;  /* This is used */
}
.wrapper a {
    pointer-events: none;
}

不过，浏览器存在一些不一致之处.要在IE11中实现这一点，似乎需要一个伪元素.伪元素还允许您 Select FF中的文本.奇怪的是，你可以在Chrome中 Select 文本而不用它.

.wrapper:after {
    content: '';
    position: absolute;
    width: 100%; height: 100%;
    top: 0; left: 0;
}