zoriya/react-native-web
1
0
Fork 0
mirror of https://github.com/zoriya/react-native-web.git synced 2026-05-28 08:34:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

[change] Hide more 'input' pseudo-elements

Browse Source 
Removes the webkit spin-buttons from numeric inputs.

Fix #194
This commit is contained in:
Nicolas Gallagher
2016-08-31 14:07:08 -07:00
parent 6640b61b3e
commit 3a2daf386d
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/components/TextInput/TextInputExample.js
+1
View File
@@ -14,6 +14,7 @@ storiesOf('component: TextInput', module)
onFocus={(e) => { console.log('TextInput.onFocus', e) }} onFocus={(e) => { console.log('TextInput.onFocus', e) }}
onSelectionChange={(e) => { console.log('TextInput.onSelectionChange', e) }} onSelectionChange={(e) => { console.log('TextInput.onSelectionChange', e) }}
/> />
<TextInput keyboardType='search' style={styles.textInput} />
<TextInput secureTextEntry style={styles.textInput} /> <TextInput secureTextEntry style={styles.textInput} />
<TextInput defaultValue='read only' editable={false} style={styles.textInput} /> <TextInput defaultValue='read only' editable={false} style={styles.textInput} />
<TextInput <TextInput
src/apis/StyleSheet/css.js
+4 -4
View File
@@ -8,10 +8,10 @@ const POINTER_EVENTS_NONE_CLASSNAME = '__style_pen';
const CSS_RESET = const CSS_RESET =
// reset unwanted styles // reset unwanted styles
'/* React Native */\n' + '/* 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' + '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' + 'body{margin:0}\n' +
'button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding: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}'; 'input::-webkit-inner-spin-button,input::-webkit-outer-spin-button,input::-webkit-search-cancel-button,input::-webkit-search-decoration {display:none}';
const CSS_HELPERS = const CSS_HELPERS =
// vendor prefix 'display:flex' until React supports fallback values for inline styles // vendor prefix 'display:flex' until React supports fallback values for inline styles