Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

117
Visualizações
svg as cursor url value not getting applied

I want to use an svg for cursor icon when the required details matches

the svg i'm using (ik its png to upload here) enter image description here

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

how i'm changing the cursor

document.querySelector('.ck-editor__editable').classList.add('apply-copy');
about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

Here is an example to apply the special cursor to the second .item class.

Your code maybe working.. but make sure that your image path is correct 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: default;
}

.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>

about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda