4

Gostaria de saber qual a diferença entre os valores no-drop e not-allowed da propriedade cursor do CSS.

span{
  font-size: 30px;
}

.not-allowed{
  cursor: not-allowed;
}

.no-drop{
  cursor: no-drop;
}
<span class="not-allowed">not-allowed</span><br>
<span class="no-drop">no-drop</span><br>

1 Resposta 1

2

Na teoria:

not-allowed: Não permite que uma ação seja executada/chamada.

no-drop: Informa o browser (e o usuário - através do elemento visual) que não é possível executar uma ação de drag n' drop.

Enquanto visualmente podem parecer a mesma coisa, no quesito funcional elas possuem essa diferença.

Dependendo do browser, elas podem ter até o efeito visual diferente. No chrome e firefox (se não me engano) são iguais, mas já no IE, é diferente.

Editado:

Aqui tem a lista completa de todos os tipos de cursores e os browsers que eles são compatíveis: http://www.w3schools.com/cssref/pr_class_cursor.asp

3
  • Mais qual deles é compatível com todos os browsers? 24/11/2015 às 16:29
  • 1
    @Danilo editei a resposta para responder isso. 24/11/2015 às 16:30
  • Estava com essa dúvida há algum tempo, valeu. 24/11/2015 às 16:38

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .