PrimeVue DatePicker通过PassThrough添加自定义样式失败
PrimeVue DatePicker 自定义PT样式不生效的解决方法
你用错了PassThrough的键名,pcInputText不是DatePicker输入框对应的PT标识,换成input就能生效:
<DatePicker v-model="date" dateFormat="yy/mm/dd" size="small" panelClass="custom" :pt="{ input: { style: { 'text-align': 'center', 'font-size': 'xx-large', 'background-color': 'rgba(0, 0, 0, 0.2)', }, } }" />
如果需要调整组件其他部分的样式,可查阅PrimeVue官方文档中DatePicker的PassThrough完整结构,确认对应元素的键名。
样式对比:
- 默认样式:

- 期望样式:

内容的提问来源于stack exchange,提问作者Hsun
相关产品推荐
相关产品推荐

