diff --git a/src/css.js b/src/css.js
index 09d789168..b18f82202 100644
--- a/src/css.js
+++ b/src/css.js
@@ -292,9 +292,12 @@ jQuery.extend({
 			// If a hook was provided, use that value, otherwise just set the specified value
 			if ( !hooks || !("set" in hooks) || (value = hooks.set( elem, value, extra )) !== undefined ) {
 
-				// Wrapped to prevent IE from throwing errors when 'invalid' values are provided
-				// Fixes bug #5509
+				// Support: IE
+				// Swallow errors from 'invalid' CSS values (#5509)
 				try {
+					// Support: Chrome, Safari
+					// Setting style to blank string required to delete "style: x !important;"
+					style[ name ] = "";
 					style[ name ] = value;
 				} catch(e) {}
 			}
diff --git a/test/unit/css.js b/test/unit/css.js
index 819a60c71..75237ed4e 100644
--- a/test/unit/css.js
+++ b/test/unit/css.js
@@ -970,6 +970,12 @@ test( ":visible/:hidden selectors", function() {
 	t( "Is Hidden", "#form input:hidden", ["hidden1","hidden2"] );
 });
 
+test( "Override !important when changing styles (#14394)", function() {
+	expect( 1 );
+	var el = jQuery( "<div style='display: block !important;'></div>" ).css( "display", "none" );
+	equal( el.css( "display" ), "none", "New style replaced !important" );
+});
+
 asyncTest( "Clearing a Cloned Element's Style Shouldn't Clear the Original Element's Style (#8908)", 24, function() {
 	var baseUrl = document.location.href.replace( /([^\/]*)$/, "" ),
 	styles = [{