Css 如何为表示时间轴中箭头的：：before元素的背景着色

我有一个jquery插件，它提供了一个时间轴。我希望能够为每个时间线元素的小箭头的背景上色

---

但我所做的一切似乎都不会改变那个小箭头的背景色。有人能帮我写这段代码吗？

值得在浏览器的开发工具中查找，检查arrow元素以查看它是如何形成和着色的

这是你小提琴的前后部分：

在你看到浅灰色之前。我把它改成了红色：

如您所见，您需要更改“左边框”设置

注意：在这种情况下，边框左侧颜色本身不起作用，请在边框速记版本中更改颜色：

border-left: 12px solid red;

---

寻求代码帮助的问题必须包含在问题中重现问题所需的最短代码，最好是在堆栈片段中。虽然您提供了一个链接，但如果该链接无效，您的问题对其他将来遇到相同问题的用户将毫无价值。请参阅..新闻：：在{border left color:#e8f5e9；}@Kyle:这就是答案，简短而甜蜜，需要更改正确的类！你能单独输入答案吗？@LauraNMS你可以接受另一个回答的人。他们花了些时间解释了一下。@Kyle-你的回答对我更有帮助，因为它指明了哪个类需要这种风格。

.timeline__content:before {
    border-bottom: 10px solid transparent;
    border-left: 12px solid #ccc;
    border-top: 10px solid transparent;
    right: -12px;
    z-index: 1;
}
.timeline__content:after, .timeline__content:before {
    content: '';
    height: 0;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    width: 0;
}

border-left: 12px solid red;