color-scheme
En esta página
| Clase | Propiedades CSS |
|---|---|
scheme-normal |
color-scheme: normal; |
scheme-dark |
color-scheme: dark; |
scheme-light |
color-scheme: light; |
scheme-light-dark |
color-scheme: light dark; |
scheme-only-dark |
color-scheme: only dark; |
scheme-only-light |
color-scheme: only light; |
Examples#
Basic example#
Use utilities like scheme-light and scheme-light-dark to control how element should be rendered:
{
scheme-light
scheme-dark
scheme-light-dark
<!-- [!code classes:scheme-light-dark,scheme-light,scheme-dark] -->
<div class="scheme-light ...">
<input type="date" />
</div>
<div class="scheme-dark ...">
<input type="date" />
</div>
<div class="scheme-light-dark ...">
<input type="date" />
</div>