Kullanıcı tıklattığında, fare düğmesini basılı tutulduğu süre onun tarzı değişen bir düğme, böyle yapmaya çalışıyorum. Ben de eğer bir Mobil Tarayıcı dokundu ise benzer bir şekilde kendi stilini değiştirmek istiyor. Bana görünen-açık bir şey CSS kullanmak olmuştur :active sözde sınıfı, ama işe yaramadı. Denedim :odak, ve çok işe yaramadı. Denedim :hover, ve iş gibi görünüyordu, ama düğmesine parmağımı çektim sonra stili tuttu. Tüm bu gözlemler, bir iPhone ve bir Droid 2 4 idi.

Mobil tarayıcılarda etkisi (iPhone, iPad, Android, ve umarım Diğerleri) çoğaltmak için herhangi bir yolu var mı? Şu an için böyle bir şey yapıyorum:

<style type="text/css">
    #testButton {
        background: #dddddd;
    }
    #testButton:active, #testButton.active {
        background: #aaaaaa;
    }
</style>

...

<button type="button" id="testButton">test</button>

...

<script type='text/javascript' src='http://code.jquery.com/jquery-1.6.1.min.js'></script>
<script type='text/javascript'>
    $("*").live("touchstart", function() {
      $(this).addClass("active");
    }).live("touchend", function() {
      $(this).removeClass("active");
    });
</script>

:Active sözde sınıfı masaüstü tarayıcılar için, etkin sınıf dokunmatik tarayıcılar için.

Eğer, Javascript dahil olmadan yapmak için daha basit bir yolu varsa merak ediyorum.

W3C özellikleri, http://www.w3.org/TR/CSS2/selector.html#pseudo-class-selectors :touch diye bir şey yoktur

:active ... ... çalışması gerekir.

:active/:hover pseudo sınıfı sipariş düzgün çalışması için önemlidir.

İşte bu yukarıdaki linkten bir alıntı

Etkileşimli kullanıcı arayüzleri bazen kullanıcı eylemlerine yanıt olarak işleme değiştirin. CSS üç sağlar pseudo-sınıflar ortak durumlar için:

• Kullanıcı belirler süre :pseudo-sınıfı uygular bir unsuru vurgulu (bazı İşaret aygıtı ile), ama yok aktif değil. Örneğin, bir görsel kullanıcı Aracısı bu geçerli olabilir pseudo-sınıf imleç (fare işaretçi) bir kutu üzerinde gezinen oluşturulan bu eleman tarafından. Değil kullanıcı arayüzleri destekleyen etkileşimli ortam yok bu pseudo-sınıf destek olmalıyız. Bazı uygun kullanıcı destekleyen ajanlar etkileşimli ortam olmayabilir pseudo-sınıfı, bu (örneğin, bir kalem desteği cihaz).
• Bir öğe aktive edilirken :active sözde sınıfı geçerlidir. kullanıcı. Arasında örneğin, times, kullanıcı fare düğmesini presler düğme ve serbest bırakır.
• Bir öğe odaklanmışken pseudo-sınıfı uygular odak (klavye olayları kabul eder ya da diğer Metin Giriş şekilleri).