[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:
Nicolas Gallagher
2018-02-06 11:17:38 -08:00
parent 538ab88eda
commit 69d5373222
2 changed files with 6 additions and 2 deletions
@@ -93,8 +93,10 @@ StyleSheetValidation.addValidStylePropTypes({
cursor: string,
fill: string,
float: oneOf(['left', 'none', 'right']),
font: string /* @private */,
listStyle: string,
pointerEvents: string,
tableLayout: string
tableLayout: string,
/* @private */
MozAppearance: string,
font: string
});
@@ -390,10 +390,12 @@ class TextInput extends Component<*> {
const styles = StyleSheet.create({
initial: {
MozAppearance: 'textfield',
appearance: 'none',
backgroundColor: 'transparent',
borderColor: 'black',
borderRadius: 0,
borderStyle: 'solid',
borderWidth: 0,
boxSizing: 'border-box',
color: 'inherit',