JavaFX中的样式按下按钮

Question

Button我的FXML文件中有一个,我在下面给它一个样式CSS

.button {
    -fx-background-color: linear-gradient(#ff5400, #be1d00);
    -fx-background-radius: 30;
    -fx-background-insets: 0;
    -fx-text-fill: white;
}

你可以看到按钮有一个新的很棒的风格,但每当我点击它,它仍然像以前一样,你无法理解是否点击了...

当我搜索时,我在这个链接中找到了一个解决方案:按下CSS,但是如果你注意到它是Web浏览器和JavaFX使用的CSS不支持它.

那么解决方案是什么？我希望我的按钮在用户点击或点击时更改其外观.

Answer 1

您需要将psuedoclass状态添加pressed到css并向其添加新的css,这将区分当前按钮css与按下时的css:

.button:pressed {
    // Your new css
}

用于在hovering the button使用时更改样式:

.button:hover { 
    // Your new css
}

为了更好地了解您可以添加哪种样式来设置按钮的样式,您可以查看如何使按钮看起来已被单击或选中？