Notei que os botões e outros elementos têm um estilo padrão e se comportam em 3 etapas: visualização normal, visualização flutuante / foco e visualização do mouse / clique, em CSS posso alterar o estilo da visualização normal e da visualização flutuante assim:
button{
background:#333;
color:#FFF;
}
button:hover{
background:#000;
color:#EEE;
}
mas como posso selecionar o mouse? Eu quero algo assim:
button:mousedown{
//some styling
}
obrigado
html
css
css-selectors
multimediaxp
fonte
fonte
Respostas:
Eu acho que você quer dizer o estado ativo
Estes são todos os pseudo-estados possíveis que um link pode ter em CSS:
Consulte também: http://www.w3.org/TR/selectors/#the-user-action-pseudo-classes-hover-act
fonte
Eu descobri que isso se comporta como um evento de rato:
fonte
Dica de especialista: por algum motivo, a sintaxe CSS precisa do
:active
snippet após o:hover
para o mesmo elemento para ser eficazhttp://www.w3schools.com/cssref/sel_active.asp
fonte
:active
antes de ser:hover
.:active
tem que ser depois:focus
para que funcione. Obrigado por apontar isso, eu estava realmente coçando minha cabeça porque meu CSS não estava surtindo efeito!Recentemente descobri que
:active:focus
faz a mesma coisa em css, como:active:hover
se você precisasse substituir uma biblioteca css personalizada, eles podem usar ambos.fonte