CSS - 线性渐变在背景属性中不起作用

Question

我正在尝试使用vue-orgchart (link) 创建一棵树

它工作正常，但我想更改节点的绿色背景（忽略白色部分）。

css可以在以下link找到。

我发现绿色是：#42b983。所以很容易在css文件中找到它：

.orgchart .node .title {
  text-align: center;
  font-size: 12px;
  font-weight: 300;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #42b983;
  color: #fff;
  border-radius: 4px 4px 0 0;
}

然后改变它：

background-color: linear-gradient(#66cccc, #3399cc);

但是，出于某种原因，我得到：

如果我尝试使用任何其他颜色（不带linear-gradient），它将成功。

另外，我在网络的其他部分使用这种样式 (linear-gradient)，它工作正常，所以不是浏览器的问题（如果重要，我使用 chrome）。

我该如何解决这个问题？

Answer 1

请输入以下代码

background-image: linear-gradient(#66cccc, #3399cc);