diff --git a/dist/react-numeric-input.js b/dist/react-numeric-input.js
index 52df137..6a8f66a 100644
--- a/dist/react-numeric-input.js
+++ b/dist/react-numeric-input.js
@@ -792,7 +792,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	                        }
 	                    },
 	                    type: 'text',
-	                    style: noStyle ? null : _extends({}, css.input, !hasFormControl ? css['input:not(.form-control)'] : {}, this._inputFocus ? css['input:focus'] : {})
+	                    style: noStyle ? null : _extends({}, css.input, !hasFormControl && !style.input ? css['input:not(.form-control)'] : {}, this._inputFocus ? css['input:focus'] : {})
 	                }, rest),
 	                btnUp: {
 	                    onMouseEnter: undefined,
@@ -1231,7 +1231,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	        fontSize: 'inherit'
 	    },
 
-	    // The input with bootstrap class
+	    // The input without bootstrap class
 	    'input:not(.form-control)': {
 	        border: '1px solid #ccc',
 	        borderRadius: 2,
diff --git a/docs/react-numeric-input.js b/docs/react-numeric-input.js
index 52df137..6a8f66a 100644
--- a/docs/react-numeric-input.js
+++ b/docs/react-numeric-input.js
@@ -792,7 +792,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	                        }
 	                    },
 	                    type: 'text',
-	                    style: noStyle ? null : _extends({}, css.input, !hasFormControl ? css['input:not(.form-control)'] : {}, this._inputFocus ? css['input:focus'] : {})
+	                    style: noStyle ? null : _extends({}, css.input, !hasFormControl && !style.input ? css['input:not(.form-control)'] : {}, this._inputFocus ? css['input:focus'] : {})
 	                }, rest),
 	                btnUp: {
 	                    onMouseEnter: undefined,
@@ -1231,7 +1231,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	        fontSize: 'inherit'
 	    },
 
-	    // The input with bootstrap class
+	    // The input without bootstrap class
 	    'input:not(.form-control)': {
 	        border: '1px solid #ccc',
 	        borderRadius: 2,
diff --git a/index.js b/index.js
index 4133bba..9dd929f 100644
--- a/index.js
+++ b/index.js
@@ -534,7 +534,7 @@ module.exports =
 	                        }
 	                    },
 	                    type: 'text',
-	                    style: noStyle ? null : _extends({}, css.input, !hasFormControl ? css['input:not(.form-control)'] : {}, this._inputFocus ? css['input:focus'] : {})
+	                    style: noStyle ? null : _extends({}, css.input, !hasFormControl && !style.input ? css['input:not(.form-control)'] : {}, this._inputFocus ? css['input:focus'] : {})
 	                }, rest),
 	                btnUp: {
 	                    onMouseEnter: undefined,
diff --git a/src/NumericInput.jsx b/src/NumericInput.jsx
index 3aee95a..b096161 100644
--- a/src/NumericInput.jsx
+++ b/src/NumericInput.jsx
@@ -270,7 +270,7 @@ class NumericInput extends Component
             fontSize    : 'inherit'
         },
 
-        // The input with bootstrap class
+        // The input without bootstrap class
         'input:not(.form-control)': {
             border           : '1px solid #ccc',
             borderRadius     : 2,
@@ -894,7 +894,7 @@ class NumericInput extends Component
                 style: noStyle ? null : Object.assign(
                     {},
                     css.input,
-                    !hasFormControl ?
+                    !hasFormControl && !style.input ?
                         css['input:not(.form-control)'] :
                         {},
                     this._inputFocus ? css['input:focus'] : {}