0

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

enter image description here

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

4
  • 1
    could you send us code in addition to picture?
    – clement
    May 6, 2015 at 12:09
  • or it has to do something with focus
    – Learning
    May 6, 2015 at 12:12
  • Note that this might cause some issues: css-tricks.com/removing-the-dotted-outline
    – Hexaholic
    May 6, 2015 at 12:12
  • I resolved it with following css a:focus { outline: none; outline-offset: -2px; }
    – Learning
    May 6, 2015 at 12:18

2 Answers 2

0

Try outline:none; for click-able div

0

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

Not the answer you're looking for? Browse other questions tagged or ask your own question.