JavaFX - CSS 1px 溢出按钮答案

【问题标题】：JavaFX - CSS 1px overflow buttonJavaFX - CSS 1px 溢出按钮
【发布时间】：2017-11-27 18:46:04
【问题描述】：

我的应用程序中有一个普通的经典按钮，它是用 JavaFX Scene Builder 2.0 构建的。我想添加一些样式，所以我将场景和 .css 文件链接起来，如下所示：

.button {
    -fx-background-color: rgba(255,255,255,0.9);
    -fx-border-style: solid;
    -fx-border-color: grey;
    -fx-border-width: 1px;
    -fx-max-height: 40px;
}

在 fxml 文件中，按钮的首选项宽度为 46px，结果如下：

我们可以在它的底部看到某种 1px 溢出，我不知道如何让它消失。这是 FXML 文件：

  <HBox fx:id="footerLayout" alignment="CENTER_LEFT" layoutX="14.0" layoutY="489.0" prefHeight="100.0" prefWidth="1102.0">
     <children>
        <Button fx:id="addDetenuButton" mnemonicParsing="false" prefHeight="46.0" prefWidth="215.0" text="Ajouter un détenu" />
        <Separator prefWidth="10.0" visible="false" />
        <Button fx:id="editDetenuButton" mnemonicParsing="false" prefHeight="46.0" prefWidth="215.0" text="Modifier le détenu" />
        <Separator prefWidth="565.0" visible="false" />
        <Button fx:id="closeButton" mnemonicParsing="false" prefHeight="46.0" prefWidth="105.0" text="Quitter" />
     </children>
  </HBox>

【问题讨论】：

如果您提供带有按钮初始化的FXML文件，对我们有很大帮助。
我不好，问题已编辑
我无法重现您的视觉问题。只是猜测..这是SceneBuilder 2.0的问题。你应该（在我看来）使用最新的 Gluon SceneBuilder 版本，你可以在这里找到：gluonhq.com/products/scene-builder 只关心 java 版本，因为有两个版本（用于 java 8 和 java 9）。如果问题仍然存在，请告诉我。
我尝试了 Gluon SceneBuilder，它并没有改变任何东西，但我发现当按钮处于活动状态或聚焦（未悬停）时，空白消失了......它似乎表现得像一种阴影
我现在不在电脑前，明天去看看。

标签： css button javafx height overflow

【解决方案1】：

我想通了为什么...我补充说：

-fx-background-insets: 0;

到

.button {
    -fx-background-color: rgba(255,255,255,0.9);
    -fx-border-style: solid;
    -fx-border-color: grey;
    -fx-border-width: 1px;
    -fx-max-height: 40px;
}

结果，“白影”消失了！

【讨论】：