我在使用某些东西时遇到了一些问题。所以我有一个自定义上下文菜单 validation-error-context 和一个相应的 css:
#validation-error-context
{
-fx-background-color: #ffbbbb;
-fx-border-color: #f00;
}
在此上下文中,我还想设置 MenuItems 的样式,因此我将以下 css 应用于它们:
#error-menu-item
{
-fx-background-color: #ffbbbb;
}
.error-menu-item:focused
{
-fx-background-color: #ffbbbb;
-fx-text-fill: red;
}
一切按计划进行,元素和上下文具有红色背景和边框。现在的问题是,当我想在 MenuItem 的聚焦状态下设置文本填充颜色时,这通常是通过以下方式完成的:
.menu-item:focused .label
{
-fx-text-fill: red;
}
但是,这显然会将该样式应用于元素中的所有菜单项,这不是我想要的,并且使用下面的语句不适用于我正在使用的实例。
.error-menu-item:focused .label
{
-fx-text-fill: red;
}
有什么方法可以通过 css 或代码来设置焦点标签的文本填充属性?我什至不确定它是否可能,但非常感谢任何指向正确方向的指示。
最佳答案
只要将错误设置为 css 类而不是 id,您的代码就可以工作:(#)
使用您的代码查看最小的可编译示例:
MenuController.java
import java.net.URL;
import java.util.ResourceBundle;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.MenuButton;
import javafx.scene.control.MenuItem;
public class MenuController implements Initializable {
@FXML private MenuButton OkMenu;
@FXML private MenuItem foo1;
@FXML private MenuItem bar2;
@Override
public void initialize(URL arg0, ResourceBundle arg1) {
//Define foo1 and bar 2 as errors:
foo1.getStyleClass().add("error-menu-item");
bar2.getStyleClass().add("error-menu-item");
}
}
Main.java <- 只加载 css 和 FXML
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;
public class Main extends Application {
@Override
public void start(Stage stage) throws Exception {
Parent root = FXMLLoader.load(getClass().getResource("menu.fxml"));
Scene scene = new Scene(root);
scene.getStylesheets().add(getClass().getResource("style.css").toExternalForm());
stage.setScene(scene);
stage.setTitle("Menu");
stage.show();
}
public static void main(String[] args) {
launch(args);
}
}
样式.css
.error-menu-item
{
-fx-background-color: #ffbbbb;
}
.error-menu-item:focused .label
{
-fx-text-fill: red;
}
菜单.fxml
<?xml version="1.0" encoding="UTF-8"?>
<?import java.lang.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="MenuController">
<children><MenuButton layoutX="0.37109375" layoutY="7.5" mnemonicParsing="false" text="FooMenu">
<items>
<MenuItem fx:id="foo1" mnemonicParsing="false" text="Foo1" />
<MenuItem fx:id="foo2" mnemonicParsing="false" text="Foo2" /><MenuItem fx:id="foo3" mnemonicParsing="false" text="Foo3" />
</items>
</MenuButton><MenuButton layoutX="99.7421875" layoutY="7.5" mnemonicParsing="false" text="BarMenu">
<items>
<MenuItem fx:id="bar1" mnemonicParsing="false" text="Bar1" />
<MenuItem fx:id="bar2" mnemonicParsing="false" text="Bar2" /><MenuItem fx:id="bar3" mnemonicParsing="false" text="Bar3" />
</items>
</MenuButton>
</children>
您可以在 Gist 下载此代码.
关于java - MenuItem Focused Label JavaFX 上的 CSS 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24613544/