：touch CSS伪类或类似的东西？
我正在尝试制作一个按钮，以便用户单击它时，按住鼠标按钮时它会更改其样式。如果在移动浏览器中触摸它，我也希望它以类似的方式更改其样式。对我来说，看似显而易见的事情是使用CSS：active伪类，但这没有用。我尝试了：focus，但是也没有用。我尝试：hover，它似乎起作用了，但是当我将手指从按钮上移开后，它仍然保持了样式。所有这些观察都是在iPhone 4和Droid 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> ：active伪类适用于桌面浏览器，而活动类适用于触摸式浏览器。 我想知道是否有一种更简单的方法，而无需涉及Javascript。