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