JavaFX带可扩展内容Alert的Hyperlink文本颜色CSS修改问题

问题核心 #

你在修改带可扩展内容的JavaFX Alert中Hyperlink文本颜色时，其他样式（背景色、按钮样式等）正常生效，但自定义类alert_001无法修改Hyperlink的文本颜色，问题出在CSS选择器错误和未覆盖Hyperlink的:visited伪类默认样式。

正确的CSS代码 #

修改你的theme.css，添加针对Hyperlink的样式：

.alert_001 {
    -fx-background-color: #282828;
}

.alert_001 .header-panel {
    -fx-background-color: #45494a;
}

.alert_001 .label {
    -fx-text-fill: #bbbbbb;
    -fx-font-size: 12.0pt;
}

.alert_001 .button {
    -fx-border-color: #5e6060;
    -fx-border-radius: 10.0 10.0 10.0 10.0;
    -fx-background-color: #3c3f41;
    -fx-background-radius: 10.0 10.0 10.0 10.0;
    -fx-text-fill: #bbbbbb;
    -fx-font-size: 14.0pt;
}

/* 新增：修改可扩展内容的Hyperlink样式 */
.alert_001 .details-button {
    -fx-font-size: 12.0pt;
}

.alert_001 .details-button:visited {
    -fx-text-fill: #bbbbbb;
}

原代码无效的原因 #

1. 选择器层级错误：原选择器.alert_001 .dialog-pane .button-bar .container .details-button .more .text中，.more是Hyperlink的样式类而非子元素，无需嵌套；且alert_001已直接添加在DialogPane节点上，无需再嵌套.dialog-pane。
2. 未覆盖伪类样式：你的Hyperlink处于:visited伪类状态，JavaFX默认样式对该状态的文本颜色有更高优先级，必须明确针对:visited伪类设置样式才能覆盖。
3. 无需定位内部Text节点：直接给Hyperlink设置-fx-text-fill即可，无需深入到内部的Text子节点，Hyperlink会自动将样式传递给文本。

验证效果 #

修改后重新运行项目，Alert中可扩展内容的Hyperlink文本颜色会变为#bbbbbb，与其他文本颜色保持一致。

内容的提问来源于stack exchange，提问作者SM-Net