JavaFX CSS中-text-shadow属性解析错误求助

问题根源 #

你用的是标准Web CSS的text-shadow语法，但JavaFX的CSS有独立的属性规则：

• JavaFX所有CSS属性都带-fx-前缀，不存在无前缀或仅单横杠开头的属性
• JavaFX没有直接的text-shadow属性，文本阴影需要通过-fx-effect结合DropShadow实现

修正后的代码 #

.titled-pane {
    -fx-background-color: #3796a7;
    -fx-alignment: center;
    -fx-background-color: linear-gradient(to bottom right, #25bcbf, #3796a7);
    -fx-font-size: 14pt;
    -fx-text-fill: white;
    /* 用DropShadow实现文本阴影 */
    -fx-effect: dropshadow(gaussian, #ff0000, 8, 0, 2, 2);
}

参数说明 #

dropshadow的参数完全对应你原来的text-shadow需求：

• gaussian：阴影的模糊类型（固定值）
• #ff0000：阴影颜色
• 8：模糊半径（对应你原来的8px）
• 0：阴影扩散程度（通常设为0即可）
• 2：水平偏移量（对应原来的2px）
• 2：垂直偏移量（对应原来的2px）

额外说明 #

你之前尝试移除横杠、删除参数都无效，核心原因是JavaFX CSS和Web CSS的属性体系不兼容，必须使用JavaFX专属的属性写法。

内容的提问来源于stack exchange，提问作者Fst_x_90