带边框颜色的图像滑块答案

【问题标题】：Image Slider with border colour带边框颜色的图像滑块
【发布时间】：2020-10-15 18:18:48
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

在您的 Angular 应用程序的 styles.css 中添加以下行。这样，您就可以将选定的图像用框架包围。

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

【讨论】：