CSS · Interaction and accessibility

Forced colours

Adjusts styles when the operating system forces high-contrast colours.

cssRunnable example css course

Syntax

@media (forced-colors: active)

Example

Try it

@media (forced-colors: active) { .demo { border: 1px solid CanvasText; } }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.