CSS如何在IE上的:: after中更改光标

Question

在Chrome中效果很好， 但是如何在IE中做到这一点？

.someClass {
    cursor: default;
}
.someClass::after {
    cursor: pointer;
    background-color: yellow;
    content: 'someText';
}

<div class='someClass'>someDiv</div>

sandbox

Answer 1

请查看此解决方案。它可以在IE和其他浏览器上运行。

div.someClass{
    font-size:1em;
    position:relative;
    display:inline-block;
}
div.someClass > span{
    cursor:pointer;
    margin-left: 6px;
}
div.someClass > span::after{
    content:'someText';    
    display: inline-block;
    text-align:right;
    background : yellow;
}

<div class='someClass'>someDIV<span></span></div>

Answer 2

一些较旧的浏览器需要单个冒号而不是双冒号。尝试div > span:after