我怎样才能让 div 得到方形边框，即使它有 border-radius 设置
How can I make div to get square border even though it has border-radius setting
现在我正在处理 HTML 页面。
我用 'border-radius: 150px' 制作了 div，所以这个 div 有半径边框。
但我需要给这个 div 方形边框。
当然不仅仅是精确的边框，也许类似边框的东西也可以。
但我不知道该怎么做。
请告诉我。
谢谢。
编辑
现在我发现大纲不适用于 Chrome 和 Firefox。
在 Chrome 中，轮廓仅适用于其自身区域，但在 Firefox 中，轮廓适用于包括其子 dom 节点的区域。
现在我想让 Firefox 和 Chrome 的 outline 动作一样。
我如何在 Firefox 中执行此操作。
希望这就是您要找的。
:)
div {
background: red;
width: 300px;
height: 300px;
border-radius: 150px;
outline: 5px solid green;
}
<div></div>
现在我正在处理 HTML 页面。
我用 'border-radius: 150px' 制作了 div，所以这个 div 有半径边框。
但我需要给这个 div 方形边框。 当然不仅仅是精确的边框，也许类似边框的东西也可以。
但我不知道该怎么做。 请告诉我。
谢谢。
编辑
现在我发现大纲不适用于 Chrome 和 Firefox。 在 Chrome 中，轮廓仅适用于其自身区域，但在 Firefox 中，轮廓适用于包括其子 dom 节点的区域。 现在我想让 Firefox 和 Chrome 的 outline 动作一样。 我如何在 Firefox 中执行此操作。
希望这就是您要找的。
:)
div {
background: red;
width: 300px;
height: 300px;
border-radius: 150px;
outline: 5px solid green;
}
<div></div>