Chrome Иконка при изменении размера с JS

Question

Я сделал некоторые реализации изменения размеров элементов в яваскрипте

this.resize = (event) => { 
     event.preventDefault(); 
     if (!this.isResizable()) { 
      return; 
     } 
     if (this.isHorizontal()) { 
      this.resizeHorizontally(event); 
     } else { 
      this.resizeVertically(event); 
     } 
    }; 

    this.resizeHorizontally = (event) => { 
     event.preventDefault(); 
     const target = event.target; 
     const offsetFromScreen = window.innerHeight - target.parentElement.clientHeight; 
     const parentHeight = target.parentElement.clientHeight; 
     const dragRelPosY = event.clientY - offsetFromScreen; 
     if (dragRelPosY > 0) { 
      this.setRatio(parentHeight, dragRelPosY); 
     } 
    }; 

    this.resizeVertically = (event) => { 
     event.preventDefault(); 
     const target = event.target; 
     const parentOffsetFromScreen = target.parentElement.offsetLeft; 
     const parentWidth = target.parentElement.clientWidth; 
     const dragRelPosX = event.clientX - parentOffsetFromScreen; 
     if (dragRelPosX > 0) { 
      this.setRatio(parentWidth, dragRelPosX); 
     } 
    }; 

Так что изменение размера этого элемента. Он работает правильно, но я бы хотел отключить значок «ограничить» при изменении размера. Это происходит в хроме. Может ли кто-нибудь дать мне несколько намеков?

UPDATE 1:

-screenshot добавил - этот значок появляется при изменении размера. Я хочу избавиться от него.

Спасибо,

С уважением,

Martin.

Answer 1

Этого можно легко сделать, используя свойство css cursor. Вы могли бы что-то подобное в CSS:

.verticalResize { 
    cursor: n-resize; 
} 
.horizontalResize { 
    cursor: e-resize; 
} 

и добавить эти классы для ваших изменения размеров элементов.

В качестве альтернативы вы можете добавить свойство inline в JS (не рекомендовано), установив element.style.cursor либо n-resize, либо e-resize.