CSS - линейный градиент не работает в свойстве background

Question

Я пытаюсь создать дерево, используя vue-orgchart ( ссылка )

Работает нормально, но я бы хотел изменить зеленый фон узла (игнорировать белую часть).

css можно найти по следующей ссылке .

Я узнал, что зеленый цвет: #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);