Web: Unwanted TextInput focus outline

Ask your Question

I thought this would remove the focus outline style with react-native-web, but it doesn’t 😞.

const styles = StyleSheet.create({
  textInput: {
    outlineStyle: "none",
    outlineWidth: 0,
    outlineColor: "transparent"
  }
});

<TextInput style={styles.textInput} />

How can I remove it?

[timsonater]

This worked for me, no libs

<TextInput
   style={{outline: "none"}}
/>

[sanghee-dev]

This worked for me!

import { Platform } from "react-native";

const TextInput = styled.TextInput`
  ${Platform.select({
    web: css`
      outline-style: none;
    `,
  })};
`;