mirror of
https://github.com/zoriya/react-native-web.git
synced 2026-06-03 02:42:05 +00:00
[fix] Firefox rendering of TextInput
Removes UA controls from numeric inputs in Firefox, and makes the default border solid in all browsers. Fix #789
This commit is contained in:
@@ -93,8 +93,10 @@ StyleSheetValidation.addValidStylePropTypes({
|
|||||||
cursor: string,
|
cursor: string,
|
||||||
fill: string,
|
fill: string,
|
||||||
float: oneOf(['left', 'none', 'right']),
|
float: oneOf(['left', 'none', 'right']),
|
||||||
font: string /* @private */,
|
|
||||||
listStyle: string,
|
listStyle: string,
|
||||||
pointerEvents: string,
|
pointerEvents: string,
|
||||||
tableLayout: string
|
tableLayout: string,
|
||||||
|
/* @private */
|
||||||
|
MozAppearance: string,
|
||||||
|
font: string
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -390,10 +390,12 @@ class TextInput extends Component<*> {
|
|||||||
|
|
||||||
const styles = StyleSheet.create({
|
const styles = StyleSheet.create({
|
||||||
initial: {
|
initial: {
|
||||||
|
MozAppearance: 'textfield',
|
||||||
appearance: 'none',
|
appearance: 'none',
|
||||||
backgroundColor: 'transparent',
|
backgroundColor: 'transparent',
|
||||||
borderColor: 'black',
|
borderColor: 'black',
|
||||||
borderRadius: 0,
|
borderRadius: 0,
|
||||||
|
borderStyle: 'solid',
|
||||||
borderWidth: 0,
|
borderWidth: 0,
|
||||||
boxSizing: 'border-box',
|
boxSizing: 'border-box',
|
||||||
color: 'inherit',
|
color: 'inherit',
|
||||||
|
|||||||
Reference in New Issue
Block a user