CSS ::after with ::selection？

Question

我正在试着写一个这样的选择器，但是没有成功：

.something::after::selection

基本上，我已经使用::after来注入一些内容，即图像。但我希望防止用户能够“选择”这个图像，并得到一个丑陋的蓝色背影。

通常情况下，我可以通过以下方法来防止这种情况：

.something::selection
{
    background-color: transparent;
}

但它似乎不能很好地与::after结合在一起。

以前有没有人尝试过或者有解决方案？

Answer 1

不，在firefox中，我100%确定你不能改变所选图片的效果，这是系统特有的，而且还不能自定义

*编辑

Answer 2

为了防止图像被选中，您可以使用以下css：

img { 
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none; 
}

另请参阅更新后的jsfiddle。

使用::after查看此jsfiddle。