H1 link boarder in chrome

Question

I have a problem. On https://analytium.co.uk/our-cases/ when i click on header see border. It problem only in chrome. Does anyone have any idea why this border appears when clicking?

And only one actually good answer in that duplicate, this one: https://stackoverflow.com/a/815827/1427878 (The others are the same usability and accessibility killing _crap_ as in the answers here as well so far …) — CBroe, Aug 21 '17 at 08:58

score -1 · Answer 1 · answered Aug 21 '17 at 08:27

-1

.myLinkHeading {
  outline : none;
}

Just remove the anchor outline.

answered Aug 21 '17 at 08:27

sdr981

405
4
15

score -1 · Answer 2 · answered Aug 21 '17 at 08:30

-1

You have default css coming from bootstrap

a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}

you should replace by

.works-name a{
outline:none;
}

answered Aug 21 '17 at 08:30

sagar

590
4
11

score -1 · Answer 3 · answered Aug 21 '17 at 08:47

You can add on you inline css:

<a href="https://analytium.co.uk/cases/sas-and-fraud-prevention-brief-overview/" style="color: #444;outline:none" tabindex="0">

SAS® and Fraud Prevention (Brief Overview)

or add on your css file :

a, a:focus {
outline:none;
}

H1 link boarder in chrome

3 Answers3