'firefox border-width 1px issue

div {
  width: 30px;
  height: 30px;
  background-color: red;
  
  border-style: solid;
  border-color: white;
  border-radius: 99999px;
  border-width: 1px;
}
<div></div>

When I use border-radius: 1px & border-color: white I can see the thin outline of background-color

twitter and youtube has a notification icon with border-radius: 1px & border-color: white and it looks really bad :(

twitter notification

This does not happen in the chrome browser. Is this a known issue or is this working as intended?

cssfirefox


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions