-webkit-text-fill-color
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017.
语法
css
/* 颜色值 */
-webkit-text-fill-color: red;
-webkit-text-fill-color: #000000;
-webkit-text-fill-color: rgb(100 200 0);
/* 全局值 */
-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>
-
元素的文本内容的前景填充颜色。
形式定义
形式语法
-webkit-text-fill-color =
<color>
示例
改变填充颜色
CSS
css
p {
margin: 0;
font-size: 3em;
-webkit-text-fill-color: green;
}
HTML
html
<p>此文本为绿色的。</p>
结果
规范
Specification |
---|
Compatibility # the-webkit-text-fill-color |
浏览器兼容性
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
-webkit-text-fill-color |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.