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代替。

posted @ 2018-02-03 16:14 savokiss 阅读(...) 评论(...) 编辑 收藏