Javascript 带边框颜色的图像滑块
最近,我在我的角度项目中使用了一个图像滑块,然后我需要像我的附件一样为每个图像的边框添加背景色。我使用自定义CSS类来实现这一点,但我找不到正确应用这个类的方法。但是当我使用DOM时,我可以做到这一点,我的CSS类如下Javascript 带边框颜色的图像滑块,javascript,html,css,angular,sass,Javascript,Html,Css,Angular,Sass,最近,我在我的角度项目中使用了一个图像滑块,然后我需要像我的附件一样为每个图像的边框添加背景色。我使用自定义CSS类来实现这一点,但我找不到正确应用这个类的方法。但是当我使用DOM时,我可以做到这一点,我的CSS类如下 border-boundry{ border-style: solid; border-color: red; } NPM包链接: 演示:如果您使用右侧的一个类,比如ng image slider容器,会怎么样? 尝试在类“.ng图像滑块”上添加“background
border-boundry{
border-style: solid;
border-color: red;
}
NPM包链接:
演示:如果您使用右侧的一个类,比如ng image slider容器,会怎么样?
尝试在类“.ng图像滑块”上添加“background color:red;”,这是您想要做的吗?很可能您正在使用的库正在使用
强制执行css规则!重要
标志。因此,您可以尝试使用覆盖它!重要信息
您自己(不推荐),或者尝试通过向现有类添加更多css来使用这些类…在angular应用程序的style.css
中添加以下行。使用此选项,您将获得一个边框包围的选定图像
。所选图像{
边框:1px纯色浅灰色;
}
但我想为单个图像添加边框,而不仅仅是整个滑块的图像