计算内部元素的圆角边框大小以与外部元素匹配

Question

正如您在此示例中所见，圆角边框具有相同像素值的两个嵌套元素不匹配：

http://jsfiddle.net/bMFaH/

现在，我是否可以运行某种 javascript 来“计算”，基于宽度/高度/边框厚度/...内部边框半径应该是多少？

原因是我需要这个用于很多不同的（用户设置的）边框半径和元素大小，所以我不能只输入静态值。

编辑：好的，做了一些进一步的测试，这是否正确：

Outer radius: x pixels
Outer border: y pixels
Inner radius: x-y pixels

提前致谢， 卫斯理

Answer 1

假设你知道如何获取和设置 css 值，那么获取外边界半径的“公式”是

inner.border-radius + outer.border-width

让 javascript 脚本进行数学运算似乎很简单。

编辑： 或者，正如您所提到的，您也可以使用 outer.border-radius - outer.border-width 来计算内部边界半径。