2017-04-20 34 views
0

按我写这个CSS代码,按下按钮悬停和JavaFX中

.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; 
} 

,或者使规则pressedhover更具体,通过将其明确应用于同时按下和悬停的按钮:

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

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

它成功了!谢谢! –

+0

如果答案帮助你解决了你的问题,你应该选择它是正确的。 – Sedrick

+0

@FernandoGaggero(之前的评论) –