如何修改DropZone拖拽区域内提示文本的字体大小

Dropzone 官方没有提供修改内部文本字体大小的专属配置参数，这类样式类自定义需求直接通过 CSS 覆盖默认样式即可实现，常用的两种实现方案如下：

• 方案1：通过 CSS 样式修改
  如果要统一调整所有 Dropzone 实例的默认提示文本字体大小，添加以下 CSS 代码即可：

.dropzone .dz-message {
  font-size: 20px; /* 可根据需求自行调整数值 */
}

如果只需要修改你当前使用的 clientImageDropzoneSocial 实例的样式，使用 ID 选择器匹配会更精准，不会影响其他上传组件：

#clientImageDropzoneSocial .dz-message {
  font-size: 20px;
}

如果需要调整其他状态的文本样式，可使用对应选择器：

• 文件名、文件大小展示文本：.dropzone .dz-filename、.dropzone .dz-size
• 上传错误提示文本：.dropzone .dz-error-message
• 方案2：在 Dropzone 配置中通过初始化钩子动态修改
  如果需要通过 JS 逻辑动态控制字体大小，可以在现有配置中新增 init 钩子实现，完整配置参考如下：

Dropzone.options.clientImageDropzoneSocial = {
  paramName: "file",
  acceptedFiles: "image/*",
  parallelUploads: 1,
  method: 'put',
  resizeMimeType: 'image/jpeg',
  resizeQuality: 1.0,
  maxFiles: 1,
  dictDefaultMessage: 'Drop image here',
  // 新增以下初始化逻辑
  init: function() {
    this.element.querySelector('.dz-message').style.fontSize = '20px';
  }
};

内容的提问来源于stack exchange，提问作者János