SVG.<text/>选中时显示的背景

1、我在 DTS里面的做法：css里面使用如下：

    text
    {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none;
        //cursor :pointer; // 鼠标手型
        cursor :default;
    }

 

2、搜索到的资料，“::selection 选择器”

　　http://www.genshuixue.com/i-cxy/p/15732371

 

::selection 选择器,选择被用户选取的元素部分。是css3的用法，讲真，我觉得这个东西没必要特地去写。因为选中样式默认的会根据你的背景颜色还有字体color来设置颜色

这是我默认的样式

为了更好的兼容一些浏览器

实例代码：

::selection {
background:#FF9; 
color:#F00;
}
::-moz-selection {
background:#FF9; 
color:#F00;
}
::-webkit-selection {
background:#FF9; 
color:#F00;
}

未选中前：

选中后，真够丑的，但是只是为了测试看一下明显的效果

 

3、

4、

5、