Support autofill styles in webkit browser

[hyochan]

Is your feature request related to a problem? Please describe.

I've tried to find a way to style autocomplete style in TextInput and couldn't find any resource about it.

In, dark mode it looks a bit ugly so I wanted to know how to customize this.

In react, we could control these styles followed by the article.

Describe a solution you'd like

I'd like to extract extra styles just for the web to handle this instead of putting it in style props which are not official types in react-native. webKitAutoFillStyle would be great.

[necolas]

Please can you fork this template and create a test case for the request that demonstrates what is shown in the gif? https://codesandbox.io/s/6lx6ql1w5r

[necolas]

I'd rather remove the webkit-specific styles the browser is adding instead of exposing them to user-space

[necolas]

Something like this is needed to override the UA styles:

input {
  --bg: lightblue;
  --fs: 16px;
  font-size: var(--fs);
  background-color: var(--bg);
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--bg) inset;
}

input:-webkit-autofill::first-line {
  font-size: var(--fs);
}

[github-actions[bot]]

This issue is being closed because the requested information has not been provided.