© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•2y ago•
45 replies
TranceCode

How can change the focus-ring for input

Hey guys, i create a personal theme in my project and need change the size of focus-ring but i can find the right configuration for this line.
I have this code actually:

.fi-input {
    @apply focus-visible:!ring-green-300/80 dark:focus-visible:!ring-green-300/30;
}
.fi-input {
    @apply focus-visible:!ring-green-300/80 dark:focus-visible:!ring-green-300/30;
}


i want change the size of focus-ring and color, how can do this?

Thank you!
image.png
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources

Similar Threads

Was this page helpful?
Recent Announcements

Similar Threads

Change Focus Programmatically
FilamentFFilament / ❓┊help
13mo ago
How can I change the styling of input labels.
FilamentFFilament / ❓┊help
3y ago
Focus another select after change
FilamentFFilament / ❓┊help
2y ago
How can I format price without focus?
FilamentFFilament / ❓┊help
12mo ago