CSS 系统颜色

  • 提供了多个链接:ArticlesUsesPics,写于 2025 年 3 月 10 日。
  • 系统颜色是操作系统、浏览器或用户给 CSS 提供颜色的一种方式,对可访问性是个好机会,除AccentColorAccentColorText外,浏览器支持广泛(caniuse),未在实际中看到此功能,只看到使用浏览器特定变量如--webkit-link很可惜。
  • 定义了<system-color>关键字,包括:

    • AccentColor:强调用户界面控件的背景(不支持)。
    • AccentColorText:强调用户界面控件的文本(不支持)。
    • ActiveText:活动链接中的文本,浅色背景下传统为红色。
    • ButtonBorder:按钮的基本边框颜色。
    • ButtonFace:按钮的面背景颜色。
    • ButtonText:按钮上的文本。
    • Canvas:应用内容或文档的背景。
    • CanvasText:应用内容或文档中的文本。
    • Field:输入字段的背景。
    • FieldText:输入字段中的文本。
    • GrayText:禁用的文本(通常为灰色,但不一定)。
    • Highlight:选中文本的背景,如::selection
    • HighlightText:选中文本的文本。
    • LinkText:非活动、非访问链接中的文本,浅色背景下传统为蓝色。
    • Mark:特别标记的文本的背景(如 HTML mark 元素)。
    • MarkText:特别标记的文本。
    • SelectedItem:选中项目的背景,如选中的复选框。
    • SelectedItemText:选中项目的文本。
    • VisitedText:访问过链接中的文本,浅色背景下传统为紫色。
  • 介绍了自己是 Antonio,是一名软件工程师,对分布式系统和可维护的软件有热情,目前是Warden Protocol的联合创始人,曾在EmerisIgnite(之前称为Tendermint)工作,之前还创办了[pisa.dev] meetup 组,是TraentZerynth等项目的首批工程师,并有logo
阅读 8
0 条评论