能否通过CSS移除HTML日期选择器默认占位符？React年月选择器占位符处理

我在React项目中使用的年月日期选择器存在(------,----)形式的占位符，请问是否存在WebKit相关CSS类可用于隐藏或移除该占位符？以下是我用于年月筛选的CSS代码：

/* Date Picker Styling for Month Filter */
.history-page .date-picker {
width: 140px;
padding: 0 15px 1px 5px;
text-align: center;
background: transparent;
border: none;
border-bottom: 1px solid #ffffff;
color: var(--history-text);
font-size: 14px;
height: 20px;
line-height: 1.2;
transition: border-bottom-color 0.3s ease;
}

.history-page .date-picker:focus {
outline: none;
border-bottom: 1px solid #ffffff;
}

.history-page .date-picker::-webkit-calendar-picker-indicator {
filter: invert(85%);
cursor: pointer;
margin-right: -10px;
}

这个(------,----)是WebKit内核浏览器（如Chrome、Safari）对type="month"输入框的默认空状态占位显示，可以通过WebKit专属的伪元素来处理：

• 隐藏空状态下的年月占位文本
  在现有CSS中添加以下规则：

/* 隐藏WebKit年月选择器的默认空占位 */
.history-page .date-picker::-webkit-datetime-edit-month-field:empty,
.history-page .date-picker::-webkit-datetime-edit-year-field:empty {
  color: transparent;
}

• （可选）隐藏中间的分隔符
  如果连字段间的逗号和空格也想隐藏，再添加：

/* 隐藏年月之间的分隔符 */
.history-page .date-picker::-webkit-datetime-edit-text {
  visibility: hidden;
}

原理是通过:empty伪类匹配未选择的年月字段，将其文本颜色设为透明；分隔符则直接设置可见性为隐藏。

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