使用“指针事件：无”时添加CSS光标属性

小编典典

css

我正在尝试禁用特定链接并应用光标样式，但是此CSS命令cursor: text;无效。光标始终是默认值。我正在使用最新的Firefox版本。

CSS：

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

阅读 270

2020-05-16

共1个答案

小编典典

使用pointer-events: none将[禁用所有与该元素的鼠标交互。如果要更改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中起作用，似乎您需要一个伪元素。伪元素还允许您选择FF中的文本。奇怪的是，您可以在没有Chrome的情况下选择Chrome中的文本。

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

2020-05-16