Comment supprimer la bordure noire de l'option lorsque vous passez la souris sur chrome 83

Question

Je mets à jour mon navigateur chrome vers 83 et j'ai vu le option tag et ça a l'air moche, il montre la bordure noire lors du survol en option.

J'ai essayé

option {
    box-shadow: none;
    border: none;
    -webkit-appearance: none;
}

option:hover {
    box-shadow: none;
    border: none;
    -webkit-appearance: none;
}

option {
  box-shadow: none;
  border: none;
  -webkit-appearance: none;
}

option:hover {
  box-shadow: none;
  border: none;
  -webkit-appearance: none;
}

<select>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
  <option value="4">Option 4</option>
</select>

mais toujours pas de chance !! Pourquoi? Je ne sais pas.

Je veux supprimer cette bordure noire car dans mon projet, elle a l'air moche.

MON BESOIN

J'ai besoin du même résultat que les balises de sélection et d'option précédentes.

Answer 1

# Solution du problème:

Allez au lien ci-dessous ou copiez-collez chrome onglet url et appuyez sur Entrée.

chrome: // flags/# form-controls-refresh

et Désactivé Interface utilisateur mise à jour des contrôles de la plateforme Web