懸停和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; 
}