在JavaFX中使用默認Modena樣式的按鈕寬度

Question

看一下下面的圖片：

上面有兩個元素- Button和帶有相同文本的Label 。

按鈕的寬度為54 px ，標簽的寬度為36 px 。 區別是： 54px - 36px = 18px 。

我已經研究過modena.css but仍然不知道這18px來自何處。

誰能解釋？

Answer 1

在當前版本的modena.css的第420行中，按鈕具有由以下內容定義的填充：

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

在Windows上， 0.6666667em是8像素，在Mac上，則稍高一些，因此左側和右側的填充說明了寬度的差異。