23maverick23/svg_text_select.css

Created January 3, 2015 13:41

Star () You must be signed in to star a gist
Fork () You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/23maverick23/64b3b587c88697558fac.js"></script>
Save 23maverick23/64b3b587c88697558fac to your computer and use it in GitHub Desktop.

Download ZIP

CSS: Disable text selection in SVG elements

Raw

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;
	}

quentindemetz commented Mar 25, 2018

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

ryantan commented Oct 20, 2018

I had to add

pointer-events: none;

taiwanhua commented Aug 13, 2021

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment