PrimeFaces 8中p:calendar不可选日期样式修改求助

在你的src/resources/sass/_forms.scss文件中，找到日历相关的样式区块（通常是.ui-datepicker选择器下的代码），添加以下Sass规则来定制不可选日期的文本颜色：

.ui-datepicker {
  // 保留现有日历样式...

  // 针对不可选日期设置灰色文本
  .ui-datepicker-unselectable .ui-state-disabled {
    color: #cccccc;
    cursor: not-allowed; // 可选：添加禁用状态的光标提示
  }

  // 适配直接带有两个类的DOM元素（根据你的调试结果调整）
  .ui-datepicker-unselectable.ui-state-disabled {
    color: #cccccc;
  }
}

说明： #

1. 选择器优先级：通过父类.ui-datepicker包裹，确保样式权重高于PrimeFaces的默认样式，尽量避免使用!important（如果默认样式权重更高，再考虑添加）。
2. 颜色值：#cccccc是浅灰色，你可以根据项目配色调整为合适的灰度值。
3. 编译生效：修改Sass文件后，记得重新编译Sass到CSS，确保样式更新到项目中。

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