Share via


System Colors Tab, Color Picker Dialog Box

When you select a color on this tab, a system color category appears in the Color field, and an attribute:category pair is inserted into your cascading style sheet (CSS) style definition as you close the Style Builder dialog box.

Note

On Microsoft Windows operating systems, you can set system colors using the Display icon in Control Panel.

For example, open a CSS style sheet for a document whose targetSchema property is set to a newer Web browser, place the insertion point between the braces ({ }) of a CSS style for the <BODY> element, and choose Build Style on the Format menu. Select the Background tab of the Style Builder dialog box, and click the ellipsis button (...) next to the Color field to open the Color Picker dialog box. On its System Colors tab, choose the Background color category. When you close the Style Builder dialog box, the following attribute:category pair is inserted between the braces ({ }) of your BODY style:

BODY { BACKGROUND-COLOR: background; } 

Note

If you set the targetSchema property of your document to an older browser, only the hexadecimal code of the system color is inserted. When you use a system color name, you are not specifying the color that will appear to all users. The Background color assigned will vary from user to user, depending on which desktop color is chosen. In general, you should use System Color categories only on Web projects designed for groups of users who share common and predictable display settings.

To access this dialog box

  1. In Microsoft Visual Web Developer, in Design view, select a control or HTML element that renders markup (such as a Table control or an HTML <input> button).

  2. Open the Style Builder dialog box by performing one of the following actions:

    • In Design view, select the control or element, click Format, and then click Style.

    • In Design view, right-click the control or element and click Style.

    • Select the control or element, select its Style property in the Properties window, and then choose the ellipsis button (...).

    • If you are working in the Document Styles window, select an Element, a Class, or an Element ID, and then click the Build Style icon.

    • If you are editing a CSS style sheet, place the insertion point between the braces ({ }) of a CSS style, and then choose Build Style on the Style menu.

    The Style Builder dialog box opens.

  3. Select any of the tabs in the Style Builder dialog box that contain a Color drop-down list, and click the ellipsis (…) button next to the box.

    The Color Picker dialog box opens.

  4. Click the System Colors tab.

Tasks

UI Elements

  • Color (list box)
    Displays a list of colors to choose from.

  • Color (text box)
    Displays the hexadecimal RGB code for the selected color. If the targetSchema property of the current HTML document is set to a Web browser that supports HTML 4.0 or later, both the names of system colors and the hexadecimal RGB color codes assigned to them on your computer are displayed. If the targetSchema property is set to an older Web browser, one that supports HTML 3.2 and earlier, only the hexadecimal RGB codes of your own system colors are displayed.

  • Description
    Displays a description for the color, including what system user interface (UI) elements the color is typically used for.

  • OK
    Closes the Color Picker dialog box and adds the selected attribute:category pair to the CSS markup that will be inserted when you close the Style Builder dialog box.

  • Use system colors
    Indicates whether to use system colors as the defaults.

See Also

Reference

Color Picker Dialog Box

Web Palette Tab, Color Picker Dialog Box

Named Colors Tab, Color Picker Dialog Box

Custom Color Tab, Color Picker Dialog Box

Concepts

ASP.NET Web Server Controls and CSS Styles