MacOS Safari 中 button 不能使用 text-gradient

@mixin text-gradient ($deg: 90deg, $from: $gradientFrom, $to: $gradientEnd) {
  background-image: linear-gradient($deg, $from, $to);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: $gradientFrom;
}

 

上面的用于 文字渐变的代码，在safari下，如果作用域button上，文字会看不到。

 

如果必须要用，可以用div代替。