スタイルを設定しようとしてinput[type="button"]いますが、ラベル IE (私の場合は 9; 以前のバージョンは気にしません) をクリックすると:activeスタイルが適用されないようです。ラベルの外側をクリックすると、Chrome と Firefox だけでなく IE でもすべてが美しく機能します。何が問題なのかの手がかりを見つけることができませんでした。
A<button>にはこの問題がないので、他のボタンのラベルに何か特別なものがあると思いますが、何ですか? そして、回避策はありますか？
興味深い発見があります。最初の質問である「なぜ?」に答えるには: 残念ながら、CSS 仕様では のセマンティクスは:active 完全にブラウザー ベンダーに委ねられています。
CSS は、どの要素が上記の状態になるか、またはどのように状態に入ったり出たりするかを定義していません。スクリプトは、要素がユーザー イベントに反応するかどうかにかかわらず変化する可能性があり、デバイスや UA が異なれば、要素を指し示す方法やアクティブ化する方法も異なる可能性があります。
今、私はこれを IE のバグと考えています (おそらく IE10 で修正されることを期待しています)。
2 番目の質問 (回避策?) に答えるには: まあ、あなたはそれを自分で言いました。<button>代わりにaを使用してください。おまけとして、単純なテキストに加えて、ボタン内に任意のタイプのコンテンツを配置するオプションがあります.