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

Question

我想要了解它们之间的区别-webkit-text-fill-color并且只是简单color？有什么功能差异吗？据我所知,它们完全相同..你能用一种而不是另一种吗？

Answer 1

来自WebKit博客:

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/