Filament•12mo ago

CSS Change for label but not for checkbox label

I want to change CSS for form labels, but i don't want change for checkbox label. Filament uses the same class for all, i don't know how to do this. To change labels i use

.fi-fo-field-wrp-label > span {
    @apply text-[10px] font-bold text-[#c3c6d0] uppercase;
}

.fi-fo-field-wrp-label > span {
    @apply text-[10px] font-bold text-[#c3c6d0] uppercase;
}

Any suggestions?

2 Replies

gladjanus43•12mo ago

->extraAttributes() maybe?

XaviOP•12mo ago

thanks @gladjanus43 but it's applied to checkbox, not for checkbox label i found it. Its something like this

.fi-fo-field-wrp-label > span {
    @apply text-[10px] font-bold text-[#c3c6d0] uppercase;
}

.fi-fo-field-wrp-label input[type="checkbox"] + span {
    @apply capitalize text-sm font-medium leading-6 text-gray-950 dark:text-white;
}

.fi-fo-field-wrp-label > span {
    @apply text-[10px] font-bold text-[#c3c6d0] uppercase;
}

.fi-fo-field-wrp-label input[type="checkbox"] + span {
    @apply capitalize text-sm font-medium leading-6 text-gray-950 dark:text-white;
}

Gaming

Programming

CSS Change for label but not for checkbox label