“-webkit-text-fill-color”和“color”之间的区别？

Question

我正在尝试理解-webkit-text-fill-color与color之间的区别？有什么功能差异吗？据我所知，它们完全一样。你能用一种而不是另一种吗？

Answer 1

来自WebKit blog：

  

text-fill-color - 此属性允许您指定文本的填充颜色。如果未设置，则color属性将用于填充。

是的，它们是相同的，但如果两个值不同，则-webkit-text-fill-color优先于color。

我认为这样做的理由是，如果您在使用-webkit-text-stroke时可以选择其他颜色，但如果color不可用，它会优雅地回退到-webkit-text-stroke （因此-webkit-text-fill-color也不是）。在某些情况下，您可能会以不可读的文本结束。

Answer 2

-webkit-text-fill-color可以设置为transparent，这样您就可以在文本上做一些非常有趣的事情，比如设置水平渐变。看看这个彩虹文本示例：http://jsfiddle.net/DoubleYo/qGfzm/