Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Tailwind Forms 1.x border styles
@layer base {
[type='text'],
[type='email'],
[type='url'],
[type='password'],
[type='number'],
[type='date'],
[type='datetime-local'],
[type='month'],
[type='search'],
[type='tel'],
[type='time'],
[type='week'],
[multiple],
textarea,
select {
@apply border-gray-300 rounded-md;
}
[type='checkbox'],
[type='radio'] {
@apply border-gray-300;
}
[type='checkbox'] {
@apply rounded;
}
[type='checkbox']:focus,
[type='radio']:focus {
@apply border-gray-300;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment