尝试覆盖 Dropzone 中的默认文本反应答案

【问题标题】：Trying to overwrite default text in Dropzone react尝试覆盖 Dropzone 中的默认文本反应
【发布时间】：2021-04-06 09:39:17
【问题描述】：

我在浏览器检查中检查了代码。我知道需要更改哪些特定属性，但我需要将其键指向不同的类名。

我想将溢出属性更改为隐藏，我想删除边框和边框半径。

.dzu-dropzone {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-height: 120px;
    overflow: scroll;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    transition: all .15s linear;
    border: 2px solid #d9d9d9;
    border-radius: 4px;
}

【问题讨论】：

标签： reactjs css-selectors

【解决方案1】：

如果尚未创建，请在您的项目 repo 中创建 index.scss 文件。在那里，添加这样的代码：

.dzu-dropzone {
overflow: hidden;
}

这将在渲染时覆盖 css。您也可以对边框属性执行相同操作。

【讨论】：

【解决方案2】：

您可以创建两个 CSS 文件，一个具有一些最小样式的 basic.css 文件，以及一个更广泛的 dropzone.css。我都添加了，我的组件的样式被覆盖了。

【讨论】：