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

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

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

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

Answer 1

您需要将psuedoclass状态pressed添加到您的css并添加新的css，这将区分当前按钮css与按下时的情况：

.button:pressed {
    // Your new css
}

在hovering the button使用时更改样式：

.button:hover { 
    // Your new css
}

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

Answer 2

对于javaFX上的arrayLists，请在CSS上尝试更改鼠标单击时更改颜色：

.list-cell：selected {-fx-background-color：yellow; }