Search code examples
cssgoogle-chromeselectsassborder

How do I remove the select option black border in Chrome?


As shown in the picture below,

black border is shown when the select option is hover from the chrome.

how can I remove the border?

enter image description here

The code below didn't work.

select{

  &:hover,
  &:focus 
  {
    outline: 0 !important;
  }
}

I'd appreciate it if you could help me solve the problem.


Solution

    1. Go chrome flags

    2. Disable #form-controls-refresh