This sample demonstrates how a developer can use the new CSS High Contrast Media Query, CSS Media Query List Listener, CSS System Color key words, and the HTML Canvas tag to implement a custom control that has High Contrast compliant complex visuals.

Please place the system into High Contrast Mode.


/*
THIS CODE AND INFORMATION IS PROVIDED "AS IS" WITHOUT WARRANTY OF
ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING BUT NOT LIMITED TO
THE IMPLIED WARRANTIES OF MERCHANTABILITY AND/OR FITNESS FOR A
PARTICULAR PURPOSE.

Copyright (c) Microsoft Corporation. All rights reserved
*/

/* styles */
#s3-hc-control {
    border: 1px solid #ccc;
}