CSS按钮永久按下状态

我试图让按钮保持按下时单击。然而，我正在使用的盒子阴影部分和CSS活动状态部分都让我感到困惑。CSS按钮永久按下状态

我知道这是可行的考虑这个代码：http://jsfiddle.net/UEkBQ/

这是我的工作代码：http://jsfiddle.net/frnYf/

看来，CSS“＃键：激活”在不断的功能，而我只需要点击时切换。

2012-01-08 Tony

你列出为可行的示例使用一个类的风格它，而不是'：active'伪选择。这是不可能的，在使用psuedo选择器的直接CSS。 – Ktash 2012-01-08 01:08:10

第一小提琴作品，因为make-me-green是CSS类别名称，可以通过CSS规则，其中作为#button:active不是一个类名（其CSS选择由标签ID和伪类的）进行针对性。

你的CSS规则从#button:active到#button.some-css-class-name和JS更改为$(this).toggleClass('some-css-class-name');

你需要#button.some-css-class-name并不仅仅是.sone-css-class-name是#选择比.选择优先级高的原因。

在回答你关于.问题...

<div id="blah" class="blah">hello</div>

我们可以针对其类或者它的ID这个div，告诉我们使用.一类或#一个ID的CSS 。

2012-01-08 01:11:25 DaedalusFall

我已经将规则切换到类中，没有运气。 id #button需要包含在：active中才能运行。不完全确定他们是如何一起工作的。 – Tony 2012-01-08 01:38:37

看到我更新的答案，并检查了这一点：http://jsfiddle.net/3GBhH/ – DaedalusFall 2012-01-08 01:42:46

完美的工作！但是为什么'$（this）.toggleClass（'some-css-class-name'）;'不需要“。”在课程名称之前？ – Tony 2012-01-08 01:45:31

回答