: сенсорный CSS псевдо-класс или что-то подобное?

Я пытаюсь создать кнопку, так, что когда пользователь нажимает на нее, она меняет свой стиль, пока кнопка мыши удерживается. Я также хочу, чтобы он изменил свой стиль аналогичным образом, если он коснулся в мобильном браузере. Казалось бы, очевидной вещью для меня было использовать CSS :активный псевдокласс, но это не сработало. Я попробовал: сосредоточься, и это тоже не сработало. Я попробовал :парить, и это, казалось, работало, но он сохранил стиль после того, как я снял палец с кнопки. Все эти наблюдения были на iPhone 4 и дроиде 2.

есть ли способ повторить эффект на мобильных браузерах (iPhone, iPad, Android и, надеюсь, другие)? Сейчас я делаю что-то вроде этого:

<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>

: активный псевдокласс предназначен для настольных браузеров, а активный класс-для сенсорных браузеров.

Мне интересно, есть ли более простой способ сделать это, не привлекая Javascript.