호버 및 자바 FX

Question

누르면 I 버튼이 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에 대한 규칙을 만들

.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에 대한 규칙 다음에 오는 있도록

이 이 규칙의 순서를 반대로

(따라서 및 우선) 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; 
}