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.

On Select Faint Blue Outline (CSS Issue)

See original GitHub issue

After an input is selected a faint blue 2px (estimated) outline appears around the input box. It is there on all the examples. (You have to select an input first and then it goes away on click)

The only two css properties I thought could be causing this are outline / border so I’ve tried the following in CSS but to no avail.

*
  outline: none !important
  border: none !important

Does anyone now how to get rid of this faint light blue background. Thanks

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:5
  • Comments:8 (1 by maintainers)

github_iconTop GitHub Comments

25reactions
dsvgitcommented, Feb 4, 2018
<Select 
  style={{
    boxShadow: 'none'
  }}
/>

works

12reactions
wickedsoulscommented, Jun 23, 2018

I dont understand why would you create a library that you have hard time to style? Isnt this react-select is supposed to help you style html options?

Read more comments on GitHub >

github_iconTop Results From Across the Web

How do I remove the blue border that appears when clicking ...
I've tried inline styling, selection by ID and class, but even with !important it doesn't change. In CSS I have: #fart1:focus { border:...
Read more >
border-radius - CSS: Cascading Style Sheets - MDN Web Docs
The border-radius CSS property rounds the corners of an element's outer border ... radius, A light blue rectangle with a light gray border....
Read more >
Outlines | Webflow University
Similar to the default Safari outline, the blue outline works great on a light background or a dark background, but it becomes invisible...
Read more >
outline - CSS-Tricks
The outline property in CSS draws a line around the outside of an element. It's similar to border except that:
Read more >
Input fields with black border on :focus - W3Schools Tryit Editor
<p>Here, the input field gets a black border color when it gets focus (clicked on). We have also added the CSS transition property...
Read more >

github_iconTop Related Medium Post

No results found

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