Hover se refere à ação de colocar o cursor do mouse sobre um determinado elemento. Hover também pode se referir a um evento no qual um usuário em um dispositivo habilitado para toque toca um determinado elemento.
Quero ver o :hoverestilo de uma âncora em que estou passando o mouse no Chrome . No Firebug , há uma lista suspensa de estilos que permite selecionar diferentes estados para um elemento. Não consigo encontrar nada parecido no Chrome. Estou esquecendo de
O que eu quero fazer é que quando um certo divé pairado, isso afetaria as propriedades de outro div. Por exemplo, nesta demonstração do JSFiddle , quando você passa o mouse sobre #cubeele, muda o, background-colormas o que eu quero é que, quando passe o mouse #container, #cubeseja afetado. div...
No stackoverflow, quando passamos o mouse sobre a reputação de um usuário, vemos um texto. Eu já vi isso em muitos lugares e o código fonte diz que isso pode ser feito sem js. E eu tentei e consegui apenas isso- <div="text">hover
Criei um menu horizontal usando listas HTML e CSS. Tudo funciona como deveria, exceto quando você passa o mouse sobre os links. Veja bem, eu criei um estado de foco em negrito para os links, e agora os links do menu mudam devido à diferença de tamanho em negrito. Encontro o mesmo problema que esta...
Na nova estrutura do Angular2 , alguém sabe a maneira correta de fazer um hover como um evento? No Angular1 havia ng-Mouseover, mas isso não parece ter sido transferido. Examinei os documentos e não encontrei
Eu tenho alguns CSS que, ao passar o mouse, um efeito de transição CSS move uma div. O problema, como você pode ver no exemplo, é que a translatetransição tem o horrível efeito colateral de fazer com que a imagem na div se mova 1px para baixo / direita (e possivelmente redimensione levemente?)...
Eu criei um carrossel com um botão anterior e um próximo que estão sempre visíveis. Esses botões têm um estado de foco, eles ficam azuis. Em dispositivos sensíveis ao toque, como o iPad, o estado de foco é fixo, portanto o botão permanece azul depois de tocá-lo. Eu não quero isso Eu poderia...
Quero ignorar todas as :hoverdeclarações CSS se um usuário visitar nosso site por meio de um dispositivo touch. Como o :hoverCSS não faz sentido, e pode até ser perturbador se um tablet o acionar com um clique / toque, pois pode permanecer até o elemento perder o foco. Para ser sincero, não sei por...
em muitos sites, como http://www.clearleft.com , você notará que, quando os links passarem o mouse, eles ficarão com uma cor diferente, em vez de mudar imediatamente, a ação padrão. Eu assumo que o JavaScript é usado para criar esse efeito, alguém sabe
Eu tenho alguns sites que eu criei há tempos, que usam eventos jquery mouse ... Acabei de receber um ipad e notei que todo o mouse sobre eventos é traduzido em cliques ... então, por exemplo, eu tenho que fazer dois cliques em vez de um .. (a primeira focalização, que o clique real) existe uma...
Com algum HTML como este: <p>Some Text</p> Então, alguns CSS como este: p { color:black; } p:hover { color:red; } Como posso permitir que um toque longo em um dispositivo habilitado para toque replique o foco? Posso alterar a marcação / usar JS etc, mas não consigo pensar em uma...
Existe alguma maneira de fazer o oposto de :hover usar apenas CSS? Como em: se :hoverfor on Mouse Enter, há um CSS equivalente a on Mouse Leave? Exemplo: Eu tenho um menu HTML usando itens de lista. Quando passo o mouse sobre um dos itens, há uma animação em cores CSS de #999a black. Como posso...
Estou escrevendo um site que deve ser usado em desktops e tablets. Quando ele está sendo visitado a partir de um desktop, quero que as áreas clicáveis da tela se iluminem com:hover efeitos (cor de fundo diferente, etc.) Com um tablet, não há mouse, então não quero nenhum efeito de foco. O...
Estou tentando visualizar, por meio das ferramentas de desenvolvedor do Chrome, como as dicas de ferramentas são estruturadas em um site. No entanto, mesmo quando estou focado sobre o item, quando "inspeciono o elemento", nada aparece para a dica de ferramenta no html. Eu sei que posso definir o...
Eu tenho um conjunto de <a>tags com cores de fundo rgba diferentes, mas o mesmo alfa. É possível escrever um único estilo css que alterará apenas a opacidade do atributo rgba? Um exemplo rápido do código: <a href="#"><img src="" /><div class="brown">Link...
Tenho um sidenav com vários times de basquete. Portanto, gostaria de mostrar algo diferente para cada equipe quando um deles está sendo pairado. Além disso, estou usando Reactjs, então se eu pudesse ter uma variável que pudesse passar para outro componente, seria
Parece haver um problema com minha página aqui: http://www.lonewulf.eu Ao passar o mouse sobre as miniaturas a imagem se move um pouco para a direita, e isso só acontece no Chrome. Meu css: .img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50);...
Estou tentando fazer uma mudança de cor de fundo de div ao passar o mouse . o div {background: white;} o div a: hover {background: grey; largura: 100%; display: bloco; decoração de texto: nenhum;} apenas o link dentro do div obtém a cor de fundo . o que eu poderia fazer para que todo o...