CSS-最新版Chrome中的webkit-text-fill-color问题 [英] css - issue with webkit-text-fill-color in latest chrome

问题描述

请找到此 https://jsfiddle.net/91famhuv/8/

我正在使用 webkit-text-fill-color 和 webkit-gradient 为描述文本提供渐进式渐变效果.实际的代码具有一个显示更多"按钮，单击该按钮可以看到完整的描述.最初，只有几行显示渐变效果.

I am using webkit-text-fill-color and webkit-gradient to give progressive gradient effect to the description text. The actually code has a button "Show more" and by clicking on that button full description will be visible. Initially, only few lines will be visible with gradient effect.

现在，在将 google chrome 更新到最新版本之前，此方法可以正常工作.更新Chrome浏览器后，不会出现初始说明文字.我可以用鼠标选择文本，但看不到.

Now, this was working properly before updating google chrome to latest version. After updating the chrome, the initial description text does not appear. I can select the text with mouse but it's not visible.

即使在小提琴中，您也可以使用鼠标选择描述"旁边的文本，默认情况下该文本是不可见的.

最新的 google chrome 或 webkit-text-fill-color 是否存在问题?以及如何解决这个问题?

Is there an issue with latest google chrome or with webkit-text-fill-color ? And how to resolve this ?

推荐答案

查看MDN网络文档:

Check out the MDN web docs : -webkit-text-fill-color

非标准此功能是非标准的，也不在标准轨道上.不要在面向Web的生产站点上使用它:不适用于每个用户.可能还会有大片实现与行为之间的不兼容性可能会改变将来.

Non-standard This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

如果找到其他选择，我会接受.

If you found any alternative, i'll take it.

这篇关于CSS-最新版Chrome中的webkit-text-fill-color问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！