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

回答