Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

link-btn gets ugly focus border in chrome on click

See original GitHub issue

Chrome version: Version 40.0.2214.115 m;

JSFiddle: http://jsfiddle.net/g4t960rw/2/

Corrected by the following css:

.btn-link:focus,
.btn-link:active:focus{
    outline:none;
}

.btn-link:focus{
    text-decoration:none;
}
.btn-link:hover{
    text-decoration:underline;
}

Issue Analytics

State:
Created 9 years ago
Reactions:1
Comments:8 (2 by maintainers)

Top GitHub Comments

5reactions

mdhamacommented, Nov 4, 2015

a:focus {outline:0; text-decoration: none;}

It worked for me. 😃

0reactions

lukemcgregorcommented, Mar 3, 2015

Fair enough I get your point.

Top Results From Across the Web

css - How to reset / remove chrome's input highlighting / focus ...

<p>Click in the white space, then press the "Tab" key. ... You can then control the focus border color either individually by element, ......

How to disable the mega ugly focus border around input fields?

Till the most recent Chrome version this could be disable with a flag, but now even that is no more and this is...

[Tip] How to Remove Black Border Outline When You Click ...

SUMMARY: When you open a webpage in Google Chrome web browser and the ... the focused boxes with a black border outline which...

101 messages from Google Code

http://chrome.google.com/extensions doesn't get webstorePrivate api bindings ... Re: Issue 52588 in chromium: Style border:none is ignored in <select> tag.

NEWS · gtk-3-24 - GitLab - GNOME

788574 HighContrast: Ugly solid black corners at bottom of MessageDialog 788575 HighContrastInverse: Windows lack visible borders, ...