Html 背景图像未应用于ngx文件放置组件

Html 背景图像未应用于ngx文件放置组件,html,css,angular,Html,Css,Angular,我已经在angular 7应用程序中实现了ngx文件拖放组件,该组件允许拖放文件进行上传。我需要改变的内容区域的背景,而当与图像下降。我尝试了css,还分配了contentClassName属性,如 contentClassName=“上传背景图像” 它不应用背景图像。我该怎么做呢。这是你的电话号码 html html元素外观的屏幕截图 您的主要帖子没有足够的信息,例如css类是在哪里编写的 如果您在组件样式文件中编写自定义CSS,那么它将不起作用,因为ngx文件drop将使用自己的compon

我已经在angular 7应用程序中实现了ngx文件拖放组件,该组件允许拖放文件进行上传。我需要改变的内容区域的背景,而当与图像下降。我尝试了
css
,还分配了
contentClassName
属性,如

contentClassName=“上传背景图像”

它不应用背景图像。我该怎么做呢。这是你的电话号码

html

html元素外观的屏幕截图


您的主要帖子没有足够的信息,例如css类是在哪里编写的

如果您在组件样式文件中编写自定义CSS,那么它将不起作用,因为ngx文件drop将使用自己的component.CSS。要使其正常工作,您需要将自定义css放在通用css文件中(如global
style.css


无论如何,这里有一个带有背景色的css,你可以从中得到启发。

将你的css添加到全局文件style.css

这就是这样的结构

"styles": [

  ],
您需要在
“样式”:[]下添加此行,

"src/styles.css"
如果要添加更多样式,请将css类添加到style.css

你的源代码在

.ngx-file-drop__drop-zone {
     margin: 20px;
     height: 250px;
        background: #333;
        color: #fff;
        border: 5px dashed rgb(235, 79, 79);
        border-radius: 5px;
        font-size: 20px;


    }
"styles": [

  ],
"src/styles.css"