Thumb

Syntax

Class
Properties
{...}thumb:{...}
{...}::slider-thumb{...}
<input type="range" class="t1 w-256 h-5 appearance-none bg-c-white shadow-4-40 rounded-full outline-0 focus:b-1-blue-600 thumb:w-20 thumb:h-20 thumb:b-0 thumb:appearance-none thumb:rounded-full thumb:cursor-pointer thumb:bg-c-blue thumb:focus:bg-c-blue-700 thumb:shadow-4-60">

Specification test cases

The test cases below are imported from the Turbo CSS specification. They have been executed upon loading this page.
Make the slider thumb blue.
t1 thumb:bg-c-hex-2080E0
.t1.thumb\:bg-c-hex-2080E0::slider-thumb { background-color: #2080E0; }