element-ui type="daterange" datapicker 字体设置

Element UI 的 DatePicker 组件（type="daterange" 表示日期范围选择器）默认样式中，字体设置通常是通过 CSS 进行自定义的。如果你想更改组件内的文本（比如日期、月份等标签），可以找到相关的 class 并覆盖它们。

例如，你可以修改 `el-date-picker__cell` 或 `el-date-picker__header` 类的 `font-size` 和 `color` 属性。下面是一个基本的示例：

.el-date-picker {
  .el-date-picker__cell {
    font-size: 14px; /* 自定义字体大小 */
  }
  .el-date-picker__header {
    color: #606266; /* 自定义颜色 */
  }
}

要将这个样式应用到你的项目中，你需要将其添加到你的全局 CSS 文件，或者在需要的地方使用 scoped CSS（如在`.vue`文件的 `<style>` 标签内）。

如果你想要动态地改变字体，可以通过 Vue.js 的 `$el` 特性获取元素并直接操作其 style 属性，但这通常不是推荐的最佳实践，因为这样做会增加运行时开销。