# Dotted outline when clicking a button

**URL:** <https://forum.kirupa.com/t/dotted-outline-when-clicking-a-button/295310>\
**Category:** Uncategorized\
**Created:** [August 27, 2009, 11:34pm UTC](https://forum.kirupa.com/t/dotted-outline-when-clicking-a-button/295310 "2009-08-27T23:34:00Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![NeoDreamer](https://avatars.discourse-cdn.com/v4/letter/n/ccd318/32.png) [@NeoDreamer](https://forum.kirupa.com/u/NeoDreamer)\
**Post date:** [August 27, 2009, 11:34pm UTC](https://forum.kirupa.com/t/dotted-outline-when-clicking-a-button/295310/1 "2009-08-27T23:34:00Z")

</div>

![](http://img197.imageshack.us/img197/4490/outline.png)

How do you remove a dotted outline that appears when someone clicks a \<button\>? I’ve tried the following, but it does not have the same effect as if it were applied to an \<a\>.

```php

button {
   outline: none;
}
button img {
   outline: none;
}

```