java - JavaFX 中的样式按下按钮

标签 java css javafx

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

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

enter image description here

正如你所看到的,这个按钮有一个新的很棒的样式,但是每当我点击它时,它仍然像以前一样,你无法理解它是否被点击了......

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

那么解决方法是什么?我希望我的按钮在用户点击它时改变它的外观。

最佳答案

您需要将伪类状态 pressed 添加到您的 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?

关于java - JavaFX 中的样式按下按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30273020/

相关文章:

java - 无法从终端运行 JavaFX 应用程序

JavaFX:使节点不占用空间,但让其父级决定其位置

java - 应用程序启动方法中出现异常。 JavaFX 11

java - 为什么要编译?

html - CSS 修改不适用于亚马逊 Kindle 云阅读器

javascript - 让 AJAX 与 JavaScript 配合使用

html - 最佳布局属性 CSS(例如菜单栏)

css - 将渐变应用于轮廓

java - 不适用于 recyclerView 中 View 的点击

java - Java 中的搜索引擎?