Html CSS-元素上的指针，但默认光标（箭头）位于：after？

我有一个元素带有

cursor:pointer

，并希望其

：在
伪元素之后具有
光标：默认值（普通鼠标箭头）


.one{
显示：内联块；
填充：0；
保证金：4倍；
颜色：#FFF；
字体大小：14px；
背景：红色；
}
.二{
光标：指针；
}
.2：之后{
内容：“\2027”；
填充：0 5px；
背景：水；
颜色：#000；
游标：默认值；
}

正文
这似乎是Safari中的一个已知问题，其他人也有这个问题

您可以做的是，将“two”类的内容放在另一个html标记中，并在这些标记上应用样式。像这样：

HTML:

我知道这是一个“黑客”，但它适用于所有浏览器

编辑：对于同样的问题，这里似乎有一个答案，但在旧版本的Chrome上，新版本的Safari上仍然存在：以与我相同的方式解决：）
这似乎是Safari中的一个已知问题，其他人也有这个问题

您可以做的是，将“two”类的内容放在另一个html标记中，并在这些标记上应用样式。像这样：

HTML:

我知道这是一个“黑客”，但它适用于所有浏览器

编辑：这里似乎有相同问题的答案，但在旧版本的Chrome上，在新版本的Safari上仍然存在：以与我相同的方式解决：）
显示默认光标me@John我刚在Chrome上测试过，效果不错。似乎是Safari问题。可能会重复显示默认光标me@John我刚在Chrome上测试过，效果不错。似乎是狩猎问题。可能与
<div class="one">
    <div class="two">
        <span class="pointer">
            Text
        </span>
    </div>
</div>

.one {
    display: inline-block;
    padding: 0;
    margin: 4px;
    color: #FFF;
    font-size: 14px;
    background: red;
}

.pointer {
    cursor: pointer;
}
.two:after {
    content: "\2027";
    padding: 0 5px;
    background: aqua;
    color: #000;
}