Javascript 带边框颜色的图像滑块

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

最近,我在我的角度项目中使用了一个图像滑块,然后我需要像我的附件一样为每个图像的边框添加背景色。我使用自定义CSS类来实现这一点,但我找不到正确应用这个类的方法。但是当我使用DOM时,我可以做到这一点,我的CSS类如下

border-boundry{
  border-style: solid;
  border-color: red;
}
NPM包链接:
演示:

如果您使用右侧的一个类,比如ng image slider容器,会怎么样?
尝试在类“.ng图像滑块”上添加“background color:red;”,这是您想要做的吗?

很可能您正在使用的库正在使用
强制执行css规则!重要
标志。因此,您可以尝试使用
覆盖它!重要信息
您自己(不推荐),或者尝试通过向现有类添加更多css来使用这些类…

在angular应用程序的
style.css
中添加以下行。使用此选项,您将获得一个边框包围的选定图像

。所选图像{
边框:1px纯色浅灰色;
}

但我想为单个图像添加边框,而不仅仅是整个滑块的图像