Блог

Я хочу использовать svg значок курсора для, когда необходимые сведения совпадают

svg, который я использую (ik его png для загрузки здесь)

 .apply-copy{
    cursor: url('./icons/apply-format.svg'),auto;
}
 

как я меняю курсор

 document.querySelector('.ck-editor__editable').classList.add('apply-copy');
 

Вот пример применения специального курсора ко второму .item классу.

Ваш код, возможно, работает.. но убедитесь, что ваш путь к изображению правильный url('./icons/apply-format.svg')

 document.getElementsByClassName('item')[1].classList.add('cursor'); 

 .item{
  padding: 10px;
  background: #f5f5f5;
  border: 1px solid #ddd;
  margin: 5px auto;
  max-width: 150px;
  text-align: center;
  cursor: defau<
}

.cursor{
  cursor: url('https://i.stack.imgur.com/ehitY.png'), auto; 
} 

 <div class="item">something</div>
<div class="item">something</div>
<div class="item">something</div>