inputStyleFocused

[raycherr]

Does this exist or how can I go about styling the focused input too?

[leonidkuznetsov18]

you can add style for :focus inside css

[mgmolisani]

It would be great if this library could be written in a more headless way to avoid these opinionated styles. Trying to override all of the styles is a bit of a headache and the fact that focus isn't an overrideable inline style only makes it harder. Definitely support this issue.

[acusti]

@mgmolisani it’s not very obvious, but if you pass in a custom class via the className prop, the component won’t render most of its inline styles (with the exception of disabled styles, which still get rendered, and display: inline-block on the .react-code-input wrapper, but the latter can be overridden via props.style). i use that technique to both prevent all the default inline styles and style the component myself via regular css.