悬停并按下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;
}