Chrome adding blue border around TextInput

Environment

“react-native-paper”: “^3.9.0”, “react-native-web”: “~0.11.7”, Expo

Description

I am using InputText as

<TextInput
					style={{outlineColor: 'rgba(0,0,0,0)', outlineOffset: 0, outlineStyle: 'none', 
							outlineWidth: 0, backgroundColor: 'white'}}
					theme={this.textValidationTheme(styles)}
					mode="flat"
					ref={o => (this.txtInput = o)}
					label={this.props.label}
					//placeholder={this.state.isFocused ? "" : this.props.label}
					value={this.state.text}
					onFocus={this.onFocus}
					onChangeText={this.onChangeText}
					onBlur={this.onBlur}
					onSubmitEditing={this.onSubmit}
					underlineColor={color.lightGray}
					{...this.props.textInputProps}
				/>

It seems that chrome is adding a default blue outline and no modification in outline settings seem to be working…

[jcarraway]

outlineWidth: 0, worked for me

[timsonater]

with react native web you can do:

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