具有边框颜色的图像滑块

Question

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

border-boundry{
  border-style: solid;
  border-color: red;
}

NPM软件包链接：https://www.npmjs.com/package/ng-image-slider 演示：https://sanjayv.github.io/ng-image-slider/

Answer 1

如果使用右边的类之一（如ng-image-slider-container）怎么办？ 尝试添加“背景色：红色；”在“ .ng-image-slider”类上，这是您想要做的吗？

Answer 2

您使用的库很有可能使用!important标志来强制执行CSS规则。因此，您可以尝试自己用!important覆盖它（不推荐使用），或者通过向它们添加更多的CSS来尝试使用已经存在的类...

Answer 3

在您的角度应用程序的styles.css中添加以下几行。这样，您可以将选定的图像用边框包围起来。

.selected-image {
    border: 1px solid lightgrey;
}