在 javafx 中悬停并按下

Posted 2023-03-06

【中文标题】在 javafx 中悬停并按下

【英文标题】：Hover and pressed in javafx

【发布时间】：2017-09-16 10:30:14

【问题描述】：

我为按下按钮编写了这个 css 代码

  .button:pressed 
        -fx-scale-y: 0.9;
        -fx-scale-x: 0.9;

这用于按钮悬停

 .button:hover 
        -fx-background-color: #383838;
        -fx-scale-y: 1.1;

并且它不会缩小，因为要单击按钮显然必须将其悬停。按下按钮时有什么方法可以取消悬停代码？

【参考方案1】：

要么：

颠倒规则的顺序，使pressed 的规则在hover 的规则之后（因此优先）：

.button:hover 
    -fx-background-color: #383838;
    -fx-scale-y: 1.1;


.button:pressed 
    -fx-scale-y: 0.9;
    -fx-scale-x: 0.9;

或者，通过将pressed 的规则显式应用于同时按下和悬停的按钮，使pressed 的规则比hover 的规则更具体：

.button:pressed:hover 
    -fx-scale-y: 0.9;
    -fx-scale-x: 0.9;


.button:hover 
    -fx-background-color: #383838;
    -fx-scale-y: 1.1;

【讨论】：

如果答案帮助您解决了问题，您应该选择它为正确的。

@FernandoGaggero（上一条评论）