Black Highlight Issue - Message Input Section
I’ve embedded the Voiceflow chat widget on a site I built using bolt.new — everything works smoothly, except for one thing:
The input field where users type messages has a black background, and I can’t change it to match my site’s theme.
I’ve tried:
- CSS overrides (.vfrc-chat-input)
- JS injection after load
- Using !important on all properties
But nothing seems to apply, I suspect the input might be inside a protected iframe or Shadow DOM?
Is there a way to style the input field via config or widget theming?
Would love to align it with the rest of the site.
Thanks in advance!
The input field where users type messages has a black background, and I can’t change it to match my site’s theme.I’ve tried:
- CSS overrides (.vfrc-chat-input)
- JS injection after load
- Using !important on all properties
But nothing seems to apply, I suspect the input might be inside a protected iframe or Shadow DOM?
Is there a way to style the input field via config or widget theming?
Would love to align it with the rest of the site.
Thanks in advance!
