question-mark
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.

Blue border on click in Chrome

See original GitHub issue

I’m getting blue outlines around each slide when clicking on a carousel in Chrome.

outlines

The fix is very easy:

.slick-list {
    outline: none;
}

Or possibly this, if there is risk of this getting overwritten:

.slick-list {
    outline: none !important;
}

I’m not familiar with the organization of this project, so I’ll let someone more involved decide where to make this change (or whether it should be changed at all).

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Reactions:15
  • Comments:22

github_iconTop GitHub Comments

108reactions
Jtmichelcommented, Mar 11, 2016

I obliterated this using:

.slick-slide, .slick-slide *{ outline: none !important; }

22reactions
pesh2000commented, Jul 23, 2015

On a current project I actually needed

.slick-slide { outline: none !important; }

to get rid of the blue border.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Remove the blue border (outline) in Chrome and dash border ...
Remove the blue border (outline) in Chrome and dash border in Firefox ... Now when you clicked <a> on Firefox, the dashed border...
Read more >
Blue border randomly appeared around active Internet ...
Hi Meiko27, that blue border means your device is going into Tablet Mode automatically for some unknown reason . . . ... That's...
Read more >
Why there is a blue border when I click something in Chome?
Does anyone know why there is a blue border when I click something clickable in the Chrome browser?
Read more >
Google Chome: Remove Blue Border Around Search Bar
Today, 5/26/2021, I noticed that the search bar in Chrome has a thick blue border around it when it's in focus. When I...
Read more >
How to Remove Outline around Text Input ... - Tutorial Republic
Answer: Use CSS outline property. In Google Chrome browser form controls like <input> , <textarea> and <select> highlighted with blue outline ...
Read more >

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found