CssTailwindcssFrontendShorts

Gebruik van de accent color property

Gebruik van de accent color property thumbnail

Stijlen van input elementen met de accentkleur property met behulp van Tailwind CSS.

Script:

Zoals je kan zien, gebruiken de inputs de standaardkleur van de browser. Dit kan worden overschreven met de css property accent-color. Voeg gewoon de class accent-dash-green-dash-600 toe.

We kunnen zelfs nog een stap verder gaan en onze eigen gedefinieerde brand kleuren uit de tailwind-configuratie gebruiken. Gebruik hiervoor de class accent-dash-primary of accent-dash-brand. Zo kunt u uw invoerelementen eenvoudig een merkspecifieke touch geven.