JavaFX Scene Builder中如何实现按钮悬停时控制标签显示？

你当前编写的CSS完全无法生效，本质是JavaFX的CSS解析引擎不支持Web标准中的兄弟选择器（包括~通用兄弟、+相邻兄弟），哪怕按钮和标签真的处于同一个父容器下，这条选择器也匹配不到任何场景图节点。

JavaFX的CSS是支持后代选择器的，只要做简单的结构调整，就能零代码实现悬停控制标签显隐的效果：

• 布局结构调整：把原本所有按钮、标签混堆在同一个大容器的布局，拆成“一个按钮+对应提示标签”为一组，每组单独放在一个子容器（比如HBox/AnchorPane，根据布局对齐需求选择即可）。这个操作可以直接在Scene Builder的层级面板完成：选中同组的按钮和标签，右键选择「包裹于」→ 选对应的容器类型即可快速嵌套。
• 样式类绑定：
  • 给每一组外层的子容器，加上.btn-group的样式类
  • 给所有需要跟随按钮显隐的提示标签，统一加上.paired-label的样式类。不要用全局的.label选择器设置透明，否则会把页面上所有普通标签都隐藏，造成样式污染。
• 替换无效的CSS代码为：

  /* 配对的提示标签默认状态：文字完全透明 */
  .paired-label {
      -fx-text-fill: transparent;
  }
  /* 悬停在按钮所属的分组容器上时，组内的标签文字变为黑色 */
  .btn-group:hover .paired-label {
      -fx-text-fill: black;
  }
  

• 效果逻辑：因为按钮是分组子容器的组成部分，鼠标悬停在按钮上时，必然会触发子容器的:hover状态，不需要额外的事件绑定，就能自动控制组内标签的显隐，所有操作都可以在Scene Builder界面完成，不用切换到代码编辑页。

如果不想拆分布局的嵌套结构，可以给每组配对的按钮、标签设置对应的专属ID，通过极少量的Java代码绑定悬停状态：

1. 在Scene Builder里给按钮设置专属ID（比如#btn-save），给对应的提示标签设置匹配的专属ID（比如#label-save-tip）
2. 在控制器类的初始化方法里补充状态绑定逻辑：

   // 以保存按钮和它的功能提示标签为例
   Button saveButton = (Button) root.lookup("#btn-save");
   Label saveTipLabel = (Label) root.lookup("#label-save-tip");
   saveButton.hoverProperty().addListener((obs, oldStatus, newStatus) ->
       saveTipLabel.setTextFill(newStatus ? Color.BLACK : Color.TRANSPARENT)
   );
   

如果你需要的悬停提示本质是按钮的功能说明，JavaFX自带的Tooltip组件比手动写标签控制显隐更适配场景：直接在Scene Builder里选中按钮，在属性面板把提示文本填到Tooltip输入框中，JavaFX会自动处理悬浮显示、位置偏移、自动隐藏的全流程逻辑，不需要额外写任何CSS或Java代码。

内容的提问来源于stack exchange，提问作者Anz