css currentcolor

作者：续写丶未来式发布日期:2025-06-26 浏览:84

/* 使用 currentColor 示例 */

/* 设置元素的 color 属性 */
.text {
  color: blue;
}

/* 使用 currentColor 继承父元素的颜色 */
.child {
  border: 2px solid currentColor;
}

/* 示例 HTML */
/*
<div class="text">
  这是蓝色文本
  <div class="child">这个 div 的边框颜色会继承父元素的文本颜色，也就是蓝色。</div>
</div>
*/

currentColor 是一个 CSS 关键字，它表示元素的 color 属性值。当你在其他属性中使用 currentColor 时，它会自动取到当前元素的 color 值。这在需要保持一致的颜色主题时非常有用。

上一篇：css 图片垂直居中

下一篇：css input边框颜色