How to remove browser selection borders (rectangles)

What do i mean by the title? Well, sometimes you click on a text/image in your template and it gets a dotted-line rectangle selection, which looks ugly and you wanna remove it.

Selection Rectangle

This thing bothered me a bit, so with a bit of help i found out how to remove them.

Its really easy, all you need to add into the css is:

outline: none;

Or, you could disable outlines in all of the document by add it in the body or html or you could add this somewhere in the css:

* {
	outline: none;
}

The * is a wildcard so it will be applied everywhere…

Hope this helps you, enjoy 😉