Blue border on click in Chrome
See original GitHub issueI’m getting blue outlines around each slide when clicking on a carousel in Chrome.
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:
- Created 8 years ago
- Reactions:15
- Comments:22
Top 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 >Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I obliterated this using:
.slick-slide, .slick-slide *{ outline: none !important; }
On a current project I actually needed
.slick-slide { outline: none !important; }
to get rid of the blue border.