SVG. 選中時顯示的背景

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、