PrimeNG Input占位符默认不显示，仅点击后出现（升级v13至v15后问题）

问题说明 #

从PrimeNG 13版本升级到15版本后，出现输入框占位符仅在点击聚焦后才显示的异常，涉及的输入框代码如下：

<input type="text" placeholder="请输入内容" />

排查与解决办法 #

• 修复PrimeNG样式变更影响：PrimeNG 15对表单组件默认样式做了调整，输入框占位符默认被设置为低透明度，仅聚焦时才正常显示。可通过自定义CSS强制修改占位符默认状态：

/* 全局样式或组件内样式 */
.p-inputtext::placeholder {
    opacity: 1 !important;
    color: #9e9e9e !important; /* 可根据需求调整颜色 */
}

• 确认组件使用方式：如果使用的是PrimeNG封装的<InputText>组件而非原生<input>，检查是否有自定义样式覆盖了占位符规则，或确认placeholder属性是否正确绑定。
• 清除浏览器缓存：版本升级后可能残留旧样式缓存，强制刷新页面（Ctrl+F5）清除缓存后再测试。

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