<el-upload> 加了drag属性，怎么修改drag对应的样式

`<el-upload>` 是 Element UI 的一个组件，用于文件上传。当给 `<el-upload>` 加上 `drag` 属性时，组件会显示一个可拖放上传的区域。要修改这个拖放区域的样式，可以通过自定义 CSS 来实现。

首先，你需要知道拖放区域在 DOM 结构中的基本组成。拖放区域通常包含一个包裹元素和一个用于显示拖放提示的子元素。Element UI 组件的样式是通过 CSS 类来控制的，你可以通过添加自定义类或者直接在 CSS 文件中编写样式规则来覆盖默认样式。

例如，拖放区域通常会有一个类名为 `.el-upload`，如果你使用了 `drag` 属性，那么还可能会有一个 `.el-upload--drag` 类。你可以为这些类添加自定义的 CSS 规则来改变样式。

以下是一个示例，展示如何为拖放区域添加自定义样式：

/* 在你的 CSS 文件中添加以下规则 */
.el-upload--drag .el-upload {
  border: 2px dashed #409EFF; /* 修改边框为蓝色虚线 */
  border-radius: 6px; /* 添加圆角 */
  background-color: #f5f7fa; /* 背景色改为灰色 */
  padding: 20px; /* 添加内边距 */
  /* 其他需要修改的样式 */
}

/* 如果需要，也可以修改提示文本的样式 */
.el-upload--drag .el-upload__tip {
  color: #333; /* 修改文字颜色 */
  font-size: 16px; /* 修改文字大小 */
  /* 其他需要修改的样式 */
}

在使用自定义 CSS 时，需要注意样式的优先级问题。确保你的 CSS 规则具有足够的权重，可以覆盖默认的样式。