Just another designer's blog
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.
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 π
Print article | This entry was posted by campolar on September 13, 2009 at 7:12 am, and is filed under How To...?. Follow any responses to this post through RSS 2.0. You can leave a response or trackback from your own site. |