JavaFX中的样式按下按钮

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

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

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

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

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

最佳答案

你需要将psuedoclass状态添加到你的css并添加新的css,这将区分当前按钮css与按下时的css：

.button:pressed {
    // Your new css
}

要在悬停按钮时更改样式,请使用：

.button:hover { 
    // Your new css
}

为了更好地了解您可以添加样式按钮的样式,您可以通过How to make a button appear to have been clicked or selected?

JavaFX中的样式按下按钮

相关文章