jquery - 计算内部元素的圆 Angular 边框大小以匹配外部元素

Question

正如您在本例中所见，圆 Angular 边框像素值相同的两个嵌套元素不匹配:

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 计算内部边界半径。