“颜色选取器”对话框 ->“系统颜色”选项卡

更新:2007 年 11 月

在此选项卡上选择颜色时,系统颜色类别出现在“颜色”字段中,并在关闭“样式生成器”对话框时,向级联样式表 (CSS) 样式定义中插入一个 attribute:category 对。

说明:

在 Microsoft Windows 操作系统中,可以使用“控制面板”中的“显示”图标设置系统颜色。

例如,打开一个文档(该文档的 targetSchema 属性设置为较新的 Web 浏览器)的 CSS 样式表,将插入点放在 <BODY> 元素的一个 CSS 样式的大括号 ({ }) 之间,然后在“格式”菜单中选择“生成样式”。选择“样式生成器”对话框的“背景”选项卡,然后单击“颜色”字段旁边的省略号按钮 (...),以打开“颜色选取器”对话框。在其“系统颜色”选项卡上,选择“背景”颜色类别。当关闭“样式生成器”对话框时,下面的 attribute:category 对将插入 BODY 样式的大括号 ({ }) 之间:

BODY { BACKGROUND-COLOR: background; } 
说明:

如果将文档的 targetSchema 属性设置为早期浏览器,将只插入系统颜色的十六进制代码。当使用系统颜色名称时,并不是指定将显示给所有用户的颜色。分配的“背景”颜色因用户而异,具体取决于所选择的桌面颜色。通常,应仅在为共享通用的、可预知的“显示”设置的用户组设计的 Web 项目上使用“系统颜色”类别。

访问此对话框

  1. 在 Microsoft Visual Web Developer 的“设计”视图中,选择呈现标记的控件或 HTML 元素,如 Table 控件或 HTML <input> 按钮。

  2. 执行以下操作之一,打开“样式生成器”对话框:

    • 在“设计”视图中选择控件或元素,然后依次单击“格式”、“样式”。

    • 在“设计”视图中右击控件或元素,然后单击“样式”。

    • 选择控件或元素,在“属性”窗口中选择其“样式”属性,然后选择省略号按钮 (...)。

    • 如果正在“文档样式”窗口中操作,则选择一个“元素”、“类”或“元素 ID”,然后单击“生成样式”图标。

    • 如果您正在编辑 CSS 样式表,请将插入点放在 CSS 样式的大括号 ({ }) 之间,然后选择“样式”菜单上的“生成样式”。

    “样式生成器”对话框随即打开。

  3. 在“样式生成器”对话框中,选择包含“颜色”下拉列表的任意选项卡,然后单击该框旁边的省略号 (…) 按钮。

    “颜色选取器”对话框随即打开。

  4. 单击“系统颜色”选项卡。

任务

用户界面元素

  • “颜色”(列表框)
    显示可以从中选择的颜色列表。

  • “颜色”(文本框)
    显示选定颜色的十六进制 RGB 代码。如果当前 HTML 文档的 targetSchema 属性被设置为支持 HTML 4.0 或更高版本的 Web 浏览器,则将显示该计算机的系统颜色名称以及分配给它们的十六进制 RGB 颜色代码。如果 targetSchema 属性被设置为较旧的支持 HTML 3.2 或更低版本的 Web 浏览器,则只显示您自己的系统颜色的十六进制 RGB 代码。

  • 说明
    显示颜色的说明,包括通常使用该颜色的系统用户界面 (UI) 元素。

  • 确定
    关闭“颜色选取器”对话框,然后将选定的 attribute:category 对添加到 CSS 标记中,此标记将在关闭“样式生成器”对话框时插入。

  • 使用系统颜色
    指示是否将系统颜色用作默认颜色。

请参见

概念

ASP.NET Web 服务器控件和 CSS 样式

参考

“颜色选择器”对话框

“颜色选择器”对话框 ->“Web 调色板”选项卡

“颜色选择器”对话框 ->“已命名的颜色”选项卡

“颜色选择器”对话框 ->“自定义颜色”选项卡