diff --git a/components/resizable/nz-resizable.directive.ts b/components/resizable/nz-resizable.directive.ts
index 7fc99887bbe..2a2b5ffdccd 100644
--- a/components/resizable/nz-resizable.directive.ts
+++ b/components/resizable/nz-resizable.directive.ts
@@ -178,11 +178,11 @@ export class NzResizableDirective implements AfterViewInit, OnDestroy {
     switch (this.currentHandleEvent!.direction) {
       case 'left':
       case 'right':
-        this.renderer.setStyle(document.body, 'cursor', 'col-resize');
+        this.renderer.setStyle(document.body, 'cursor', 'ew-resize');
         break;
       case 'top':
       case 'bottom':
-        this.renderer.setStyle(document.body, 'cursor', 'row-resize');
+        this.renderer.setStyle(document.body, 'cursor', 'ns-resize');
         break;
       case 'topLeft':
       case 'bottomRight':
diff --git a/components/resizable/style/index.less b/components/resizable/style/index.less
index f7501eb3ae9..5a9512df66e 100644
--- a/components/resizable/style/index.less
+++ b/components/resizable/style/index.less
@@ -69,10 +69,10 @@
   &:not(.@{resizable-prefix-cls}-resizing) {
     .@{resizable-prefix-cls}-handle {
       &-top, &-bottom {
-        cursor: row-resize;
+        cursor: ns-resize;
       }
       &-right, &-left {
-        cursor: col-resize;
+        cursor: ew-resize;
       }
       &-bottomRight, &-topLeft {
         cursor: nwse-resize;