悬停并按下Javafx

Question

我编写了按下按钮的CSS代码

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

，这是按钮悬停

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

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

Answer 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的规则比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;
}