2010-10-15 16 views
6

Arka plandaki değişikliklerin üzerine geldiğimde bir düğmenin bulunduğu bu siteyi görüyorum. Düğmeye tıkladığımda, düğme gölgelendirme ters olduğunda, yani tıklama olayına tepki verir.hangi css stili tıklama olayını tek bir düğmeye basar? hover dışında

Bu hangi CSS stili? Biliyorum: vurgulu hover için, ama bir tıklama hakkında ne?

+0

ben b ediyorum bahis oynamaya istekli olduğu javascript görüntü manipülasyonu yapıyor. – Gabe

cevap

4

CSS olayları işlemez.

Sadece A etiketi değil, düğmeler için olan :active sözdizim sınıfını arıyorsunuz. Düğmeler gibi görünmek için A etiketlerini de kullanabilirsiniz.

bakınız: Ayrıca (buna sekme ve boşluk tuşuna deneyin) bir düğmeye klavye girişi için geçerlidir aktif sözde sınıfı,: http://w3schools.com/CSS/css_pseudo_classes.asp

+2

w3schools referansı yok .... http: //www.w3fools.com/ –

+2

Dostum, sen bu ucunda üç yıl geciktin. –

+0

... ya da görünüşte smarmy olmak. –

2

Ne bakıyoruz için tarayıcının varsayılan stilleri olduğunu.

Bu sözde sınıflar yalnızca ankraj elemanı için geçerli DEĞİLDİR, eski IE sürümlerinin, bağlayıcı öğe dışındaki herhangi bir öğede desteklememesi nedeniyle ortaya çıkan yaygın bir yanlış anlamadır.

+0

spacebar sadece bunlara tıklamak değil çalışır ... –

10

CSS3 şimdi etkinleştirme olaylarını ele alıyor (2013).

: Etkin sözde sınıf, yalnızca A etiketleri değil, BUTTON gibi herhangi bir css seçici üzerinde çalışıyor.

CSS3 STİL

p { margin: 2em; } 
button { background-color: White; color: SteelBlue; } 
button:hover { background-color: LightSteelBlue; } 
button:active { background-color: SteelBlue; color: White; } 

HTML5

<p> 
     <button>test button with :active pseudo-class</button> 
    </p> 

Demo: http://jsfiddle.net/wp86u/

bakınız: http://www.w3schools.com/css/css_pseudo_classes.asp (içerik Diodeus cevap yana değişti)

İlgili konular