CSS修改<el-date-picker>此刻 文字为 今天

修改前:

image

 

 修改后:

image

 

只需要修改CSS代码,根据情况如果是局部组件修改就要在组件页面加

我的需求是全部换成今天,所以这个样式要写的全局样式文件里面去,这样整个项目中所有的 el-date-picker 的 "此刻" 按钮都会显示为 "今天

/* 精确选择第一个按钮(此刻按钮) */
.el-picker-panel__footer .el-button.el-picker-panel__link-btn.el-button--text:first-child span {
  /* 直接修改文字内容 */
  display: none; /* 隐藏原文字 */
}

.el-picker-panel__footer .el-button.el-picker-panel__link-btn.el-button--text:first-child::after {
  content: '今天';
  display: inline-block;
  line-height: 20px;
}

 

posted @ 2025-12-25 15:25  星期7  阅读(3)  评论(0)    收藏  举报