Style color 属性

定义和用法

color 属性设置或返回文本的颜色。

另请参阅：

CSS 教程：CSS 文本

CSS 参考手册：color 属性

实例

例子 1

设置不同元素的文本颜色：

document.getElementById("myH2").style.color = "#ff0000";
document.getElementById("myP").style.color = "magenta";
document.getElementById("myP2").style.color = "blue";
document.getElementById("myDiv").style.color = "lightblue";

亲自试一试

例子 2

返回 <p> 元素的文本颜色：

alert(document.getElementById("myP").style.color);

亲自试一试

语法

返回 color 属性：

object.style.color

设置 color 属性：

object.style.color = "color|initial|inherit"

属性值

值 描述
color

规定文本的颜色。

请查看 CSS 颜色值，获取可能的颜色值的完整列表。
initial 将此属性设置为其默认值。请参阅 initial。
inherit 从其父元素继承此属性。请参阅 inherit。

技术细节

默认值： 未指定
返回值： 字符串，表示元素的文本颜色。
CSS 版本： CSS1

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持