Chrome/Opera рисует коробку неверно ⇐ Html

[Anonymous]

Chrome/Opera Draw Overset (не вставка) коробки с неверным угловым радиусом. Firefox/Safari обозначите его правильно.
Например, данный

Код: Выделить всё

div {
width: 10px;
height: 10px;
border-radius: 2px;
box-shadow: 0 0 0 5px red;
}
< /code>
видимый радиус углового должен быть 7px (2px + 5px). Firefox/Safari обозначает это правильно (7px). On Chrome/Opera however, the outer radius is incorrect (6px).



Firefox/Safari
Chrome/Opera

< /thead>


  < /td>
  



Вот код для воспроизведения этих изображений: 

div {position: absolute;}
#dm {top: 40px; left: 40px; transform: scale(6);}
#d1 {
width: 10px;
height: 10px;
border-radius: 2px;
box-shadow: 0 0 0 5px red;
}
#d2 {
width: 20px;
height: 20px;
border-radius: 7px;
box-shadow: 0 0 0 5px #00fa inset;
margin: -5px;
}< /code>

Я на M1 Mac.

Подробнее здесь: https://stackoverflow.com/questions/796 ... ncorrectly