JavaFX中的样式按下按钮

前端之家收集整理的这篇文章主要介绍了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?

原文链接:https://www.f2er.com/css/427374.html

猜你在找的CSS相关文章