From 3a2daf386ddc710a08c6694d2bc387b23b1ccb8d Mon Sep 17 00:00:00 2001
From: Nicolas Gallagher <nicolasgallagher@gmail.com>
Date: Wed, 31 Aug 2016 14:07:08 -0700
Subject: [PATCH] [change] Hide more 'input' pseudo-elements

Removes the webkit spin-buttons from numeric inputs.

Fix #194
---
 examples/components/TextInput/TextInputExample.js | 1 +
 src/apis/StyleSheet/css.js                        | 8 ++++----
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/examples/components/TextInput/TextInputExample.js b/examples/components/TextInput/TextInputExample.js
index b5026001..3f1e62c1 100644
--- a/examples/components/TextInput/TextInputExample.js
+++ b/examples/components/TextInput/TextInputExample.js
@@ -14,6 +14,7 @@ storiesOf('component: TextInput', module)
         onFocus={(e) => { console.log('TextInput.onFocus', e) }}
         onSelectionChange={(e) => { console.log('TextInput.onSelectionChange', e) }}
       />
+      <TextInput keyboardType='search' style={styles.textInput} />
       <TextInput secureTextEntry style={styles.textInput} />
       <TextInput defaultValue='read only' editable={false} style={styles.textInput} />
       <TextInput
diff --git a/src/apis/StyleSheet/css.js b/src/apis/StyleSheet/css.js
index 455cc243..a4fafb84 100644
--- a/src/apis/StyleSheet/css.js
+++ b/src/apis/StyleSheet/css.js
@@ -8,10 +8,10 @@ const POINTER_EVENTS_NONE_CLASSNAME = '__style_pen';
 const CSS_RESET =
 // reset unwanted styles
 '/* React Native */\n' +
-'html {font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}\n' +
-'body {margin:0}\n' +
-'button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0}\n' +
-'input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {display:none}';
+'html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}\n' +
+'body{margin:0}\n' +
+'button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}\n' +
+'input::-webkit-inner-spin-button,input::-webkit-outer-spin-button,input::-webkit-search-cancel-button,input::-webkit-search-decoration {display:none}';
 
 const CSS_HELPERS =
 // vendor prefix 'display:flex' until React supports fallback values for inline styles