使用JavaFX中默认模式样式的按钮宽度

Question

看一下下图：

它有两个元素 - Button和Label，相同文字。

按钮的宽度为54 px，标签的宽度为36 px。区别在于：54px - 36px = 18px。

我已经研究modena.css but仍然无法理解这些18px的来源。

有人可以解释一下吗？

Answer 1

在current version of modena.css第420行，按钮具有由

定义的填充

-fx-padding: 0.333333em 0.666667em 0.333333em 0.666667em; /* 4 8 4 8 */

在Windows上，0.6666667em为8像素，在Mac上稍微多一些，因此左右两侧的填充会导致宽度差异。