-webkit-text-fill-color

Baseline 已广泛支持

此特性已非常成熟,可在多种设备和浏览器版本上使用。自 ⁨2016 年 9 月⁩以来,它已在各大浏览器中可用。

-webkit-text-fill-color CSS 属性指定文本字符的填充颜色。如果未设置此属性,则使用 color 属性的值。

语法

css
/* <color> values */
-webkit-text-fill-color: red;
-webkit-text-fill-color: #123456;
-webkit-text-fill-color: rgb(100 200 0);

/* Global values */
-webkit-text-fill-color: inherit;
-webkit-text-fill-color: initial;
-webkit-text-fill-color: revert;
-webkit-text-fill-color: revert-layer;
-webkit-text-fill-color: unset;

<color>

元素文本内容的前景填充颜色。

正式定义

初始值currentcolor
应用于所有元素
继承性
计算值computed color
动画类型一种颜色

正式语法

-webkit-text-fill-color = 
<color>
此语法反映了 Compatibility 的最新标准。并非所有浏览器都可能已实现所有部分。请参阅浏览器兼容性以获取支持信息。

示例

更改填充颜色

CSS

css
p {
  margin: 0;
  font-size: 3em;
  -webkit-text-fill-color: green;
}

HTML

html
<p>This text is green.</p>

结果

规范

规范
兼容性
# the-webkit-text-fill-color

浏览器兼容性

另见