Active

Syntax

Class
Properties
{...}active:{...}
{...}:active{...}
<button class="t1 px-16 py-4 color-white rounded-3 shadow-4 cursor-pointer select-none bg-c-blue active:bg-c-blue-800 focus:outline-none "> Buy item </button>

Specification test cases

The test cases below are imported from the Turbo CSS specification. They have been executed upon loading this page.
Apply a black color while active.
t1 active:color-black
.t1.active\:color-black:active { color: #000000; }