Como tirar o hover do mobile
Hoje em dia eu faço mobile first e quando desenvolvo para mobile, não uso hover, uso somente na media querie, mas antes eu fazia primeiro para o desktop e sempre quando ia fazer a parte responsiva, não conseguia eliminar a ação do hover.
Aplicar na media querie o hover inverso, não adianta em alguns dispositivos. No iphone 4 quando aperta no botão que contém o hover, ele aciona e depois tem que dar outro clique para ele poder ir para a outra página ou qualquer outra coisa que ele precise fazer.
Essa é minha dúvida.
Aplicar na media querie o hover inverso, não adianta em alguns dispositivos. No iphone 4 quando aperta no botão que contém o hover, ele aciona e depois tem que dar outro clique para ele poder ir para a outra página ou qualquer outra coisa que ele precise fazer.
Essa é minha dúvida.
Dayan Barros
Curtidas 0
Melhor post
Aline Bianchini
25/04/2017
Oi Dayan, td bem?
Para remover o hover você pode setar 'disabled' no elemento que você está utilizando.
Se você quiser fazer isso apenas no mobile, pode criar uma div e setar o estilo através dela. Se você estiver utilizando Bootstrap fica ainda mais fácil com a classe de XS.
Para remover o hover você pode setar 'disabled' no elemento que você está utilizando.
Se você quiser fazer isso apenas no mobile, pode criar uma div e setar o estilo através dela. Se você estiver utilizando Bootstrap fica ainda mais fácil com a classe de XS.
a[disabled]:hover {
background: yellow;
}
GOSTEI 4
Mais Respostas
Dayan Barros
25/04/2017
Oi Dayan, td bem?
Para remover o hover você pode setar 'disabled' no elemento que você está utilizando.
Se você quiser fazer isso apenas no mobile, pode criar uma div e setar o estilo através dela. Se você estiver utilizando Bootstrap fica ainda mais fácil com a classe de XS.
Para remover o hover você pode setar 'disabled' no elemento que você está utilizando.
Se você quiser fazer isso apenas no mobile, pode criar uma div e setar o estilo através dela. Se você estiver utilizando Bootstrap fica ainda mais fácil com a classe de XS.
a[disabled]:hover {
background: yellow;
}
Essa eu não conhecia, muito obrigado.
=D
GOSTEI 0
Dayan Barros
25/04/2017
Aline, eu testei e não funcionou =/
Abs
Abs
GOSTEI 0
Aline Bianchini
25/04/2017
Oi Dayan,
Como você está fazendo? Seus links tem outras classes de css?
Olha, segue um exemplo (abaixo), mas lendo sua pergunta de novo, acho que a questão não é desabilitar o hover, mas corrigir o botão (link). Você pode postar um trecho do código para a gente ter uma ideia melhor?
Como você está fazendo? Seus links tem outras classes de css?
Olha, segue um exemplo (abaixo), mas lendo sua pergunta de novo, acho que a questão não é desabilitar o hover, mas corrigir o botão (link). Você pode postar um trecho do código para a gente ter uma ideia melhor?
<!DOCTYPE html>
<html>
<head>
<style>
a[disabled]hover {
background-color: yellow;
}
</style>
</head>
<body>
<a href="https://www.devmedia.com.br/">DEVMEDIA</a>
<a href="http://www.wikipedia.org">Wikipedia.org</a>
</body>
</html>
GOSTEI 1
Dayan Barros
25/04/2017
Então o que eu tava falando é em qualquer tag, se eu colocar em uma "div" eu gostaria de tirar, não só do <a>.
As vezes utilizo com jquery o botão, não necessariamente no "a".
Abs
As vezes utilizo com jquery o botão, não necessariamente no "a".
Abs
GOSTEI 0