我注意到按钮和其他元素具有默认样式,并按 3 个步骤运行:普通视图、悬停/焦点视图和鼠标按下/单击视图,在 CSS 中我可以更改普通视图和悬停视图的样式,如下所示:
button{
background:#333;
color:#FFF;
}
button:hover{
background:#000;
color:#EEE;
}
但我怎样才能选择鼠标按下呢?我想要这样的东西:
button:mousedown{
//some styling
}
thanks
我认为你的意思是活跃状态
button:active{
//some styling
}
这些是 CSS 中链接可能具有的所有可能的伪状态:
a:link {color:#FF0000;} /* unvisited link, same as regular 'a' */
a:hover {color:#FF00FF;} /* mouse over link */
a:focus {color:#0000FF;} /* link has focus */
a:active {color:#0000FF;} /* selected link */
a:visited {color:#00FF00;} /* visited link */
也可以看看:http://www.w3.org/TR/selectors/#the-user-action-pseudo-classes-hover-act http://www.w3.org/TR/selectors/#the-user-action-pseudo-classes-hover-act
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)