F
Filament7mo ago
Xavi

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
gladjanus437mo ago
->extraAttributes() maybe?
Xavi
Xavi7mo 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;
}