CSS: Disable text selection in SVG elements

svg_text_select.css

svg text {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
svg text::selection {
    background: none;
}

very helpful, I've added this small change

svg text {
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

My SVG elements are dynamically generated, the user-select is Inline Style.
i use Svg.snap.js .
I set pointer-events:none, still doesn't work.

Very helpful, thankQ

Do you also know how to suppress on Android?

I have:

      svg text {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
      }

and when I trigger the onclick event on an elipse, the text selection indicators appear with the 'Select All' balloon above it..

I have found that putting event.preventDefault() in the onclick callback fixes this behavior

I had to add

pointer-events: none;

svg text {
fill: "transparent"
}
svg text::selection {
fill: "transparent"
}