How to change the default dotted border of any clickable html control

Question

I am working on an HTML page with few tab and click-able div which toggle between controls. But each control when click show dotted background as show in image below

How can i change this to any other color or not show it at all

Answer 1

Try outline:none; for click-able div

Answer 2

your dotted must befined by something like this:

p {
    border-style: dotted solid;
    color:yellow;
}

you can put this if you want to remove it:

p {
    border-style: none;
}

or change the type of dot:

p {
    border-style: dashed solid;
}