search

JedWatson / react-input-autosize

Auto-resizing input field for React
https://jedwatson.github.io/react-input-autosize
MIT License
769 stars 178 forks source link

Modify styling for :focus and ::placeholder #158

Closed intelligence closed 5 years ago

intelligence commented 5 years ago

Hello!

Thanks for this great component! Pretty new to React so I'm trying to figure out how I can change the styling for when the input is in focus. Also want to to change the color of the placeholder with ::placeholder.

Would be great if someone could provide an example!

Thanks :)

Parag2385 commented 3 years ago

Why this issue is closed without an answer?

jechazelle commented 2 years ago

If you use Tailwind you can set a class on AutosizeInput component and set this css:

<AutosizeInput className="auto-size-input" ... />

.auto-size-input input { &:focus { @apply shadow-none outline-none ring-0; } }

Just ring-0 must be right.