Aspecto incorrecto de CSS del radio del borde en un div anidado
Usando el siguiente HTML necesito:
Asegúrese de que el borde detarget div
(rosa) es adyacente a lawrapper-target
borde rojo div.
Debe funcionar en cualquier valor de radio de borde.
Teniendo en cuenta que:
estoy usandobox-sizing: border-box;
pero también se puede restablecer a un valor predeterminado.No puedo cambiar elborder-radius
propiedad de latarget
div.*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
<div id="wrapper-target" style="position:absolute;top:100px;left:100px;width:250px;height:250px;border-radius:50px;border:25px solid red;">
<div id="target" style="position:relative;width:100%;height:100%;background-color:plum;border-radius:inherit">
</div>
</div>
NOTAS
No necesito hacer un círculo en este ejemplo específico :).