Css 游标：伪元素IE上的指针

我在一个包含CSS文本的元素上实现了一个关闭按钮。close按钮是从一个伪元素生成的内容，该伪元素的

内容为'X'。我需要光标成为“X”上的指针，因此我使用：

cursor:pointer;

它在Chrome和Firefox中运行良好，但在InternetExplorer中似乎不起作用（在IE11Windows7上测试）

（在IE中测试）

我还尝试了
光标：手但它不能解决问题。当光标悬停在“X”上而不是在div的文本上时，如何使光标成为指针？

相关代码：


div{
字号：2em；
位置：相对位置；
显示：内联块；
}
div：：之前{
内容：'X'；
光标：指针；
显示：块；
文本对齐：右对齐；
}
一些文本
我认为它在IE中的伪元素中不起作用，
我要做的是向main元素添加
cursor:ponter

若您只需要将
游标：指针添加到伪元素，那个么唯一的方法就是添加子元素

比如：

一些文本
div{
字号：2em；
位置：相对位置；
显示：内联块；
}
div>span{
光标：指针；
}
div>span:：之前{
内容：'X'；
显示：块；
文本对齐：右对齐；
}

但是使用伪类没有任何意义

HTML:

 <div>
        <div id="closebutton">
            X
        </div>
        some text
    </div>

div{
    font-size:2em;
    position:relative;
    display:inline-block;
}
div#closebutton{
    cursor:pointer;
    display:block;
    text-align:right;
}

为了使IE 7、8、9、10像普通浏览器一样处理伪选择器，我总是使用IE7.js，一个JavaScript库，使Microsoft Internet Explorer像标准兼容的浏览器一样工作。它修复了许多与Internet Explorer相关的HTML和CSS问题。另一种选择是modernizr.js，这是一个很好的实现，可以让伪选择器与IE一起工作。我希望，这会有所帮助
 演示


div{
字号：2em；
位置：相对位置；
显示：内联块；
边框：1px实心#000；
利润率：20px；
填充：20px；
}
部门：之后{
光标：指针；
显示：块；
位置：绝对位置；
高度：20px；
宽度：20px；
顶部：-10px；
右：-10px；
内容：'X'；
字体大小：15px；
}

一些文本
我真的迟到了，但我刚刚想出了解决这个问题的办法

此解决方案允许在子元素上使用指针，而在父元素上保留默认光标

（请参阅此处接受的答案，了解不包括保持父元素的游标默认值的解决方案：）

首先，对于这个黑客解决方案，您必须放弃使用鼠标与父元素交互的能力

将父元素设置为
光标：指针

然后，将父元素设置为指针事件：无将允许您“单击/悬停”父元素

然后，对于伪元素，只需使用
指针事件：auto
重新启用指针事件

瞧


div{
字号：2em；
位置：相对位置；
显示：内联块；
/*删除与父元素交互的功能*/
指针事件：无；
/*将指针光标应用于父元素*/
光标：指针；
/*例如，让孩子和父母的身份更加明显*/
背景：黑暗；
}
div：：之前{
内容：'X'；
显示：块；
文本对齐：右对齐；
/*恢复与子元素交互的能力*/
指针事件：自动；
/*例如，让孩子和父母的身份更加明显*/
宽度：30px；
文本对齐：居中；
背景：白色；
}
一些文本
我知道这一点，如果我找不到解决方案，我会这么做，但我想最小化标记并为关闭按钮使用伪元素。我知道创建一个孩子或兄弟姐妹会很有效。如果我找不到解决方案，我会做什么，但是我想最小化标记并使用那个关闭按钮的伪元素。这在IE.仍然不起作用。你可以考虑添加信息吗？为什么这个解决方案不同于考虑<代码>游标：指针的Quase:代码>不在IE中工作？虽然这会破坏父级上的交互，但它确实解决了IE中伪元素的问题。干得好。在阅读您的问题时，我曾有过一段时间尝试为自己解决问题，我想与大家分享一下。我意识到这并不完美，但我正在研制一种病毒，它将删除IE的所有副本。（开玩笑……？）
div{
    font-size:2em;
    position:relative;
    display:inline-block;
}
div#closebutton{
    cursor:pointer;
    display:block;
    text-align:right;
}