Remover hover no media querie


(patrick) #1

ola quero saber como remover o hover de um botao no mobile… quero deixa lo somente no computador

.botaoenviar{
float: left;
background:black;
color:white;
border: 2px solid white;
padding:8px 30px;
font-family: ‘Jaldi’, sans-serif;
font-size:25px;
font-weight: bold;
}

.botaoenviar:hover{
float: left;
background:yellow;
color:black;
border: 2px solid black;
padding:8px 30px;
font-family: ‘Jaldi’, sans-serif;
font-size:27px;
font-weight: bold;
}
@media screen and (max-width: 767px){
???
}


(Robson Vital) #2

Acredito que seja só manter o hover no estado original do botão dentro do media querie

.botaoenviar{
  float: left;
  background:black;
  color:white;
  border: 2px solid white;
  padding:8px 30px;
  font-family: ‘Jaldi’, sans-serif;
  font-size:25px;
  font-weight: bold;
}

.botaoenviar:hover{
  float: left;
  background:yellow;
  color:black;
  border: 2px solid black;
  padding:8px 30px;
  font-family: ‘Jaldi’, sans-serif;
  font-size:27px;
  font-weight: bold;
}
@media screen and (max-width: 767px){
  .botaoenviar:hover{
    background:black;
    color:white;
    border: 2px solid white;
    font-size:25px;
  }
}

(patrick) #3

agradeço …mas nao resolve o problema porque no mobile o usuario tem que dar dois cliques no botao por causa do hover…


(patrick) #4

RESOLVIDO: usei a tag

@media screen and (max-width: 767px){
.botaoenviar:hover(hover: none){
}
}