多个类/ ID和类选择器：IE和Opera中的活动状态

Question

我在CSS3中设计了一个带有多个类选择器的按钮。当有人按下按钮时，我想添加一个活动功能，但这在所有IE和Opera浏览器中都不起作用。

CSS

    .large.button:active {

         padding: 13px 18px 14px 18px;

    }

HTML

    <div class="large rounded dark outline">

         <div class="large rounded green button"><span>Button</span></div>

    </div>

有人可以告诉我为什么这在IE和Opera中不起作用？它在Chrome，Firefox和Safari中运行良好。

谢谢：）

Answer 1

单击<span>内的文本不会激活div上的:active伪类。如果你将class:"large button"放在跨度上它应该可以工作。

这是一个带有示例的JSFiddle：http://jsfiddle.net/5NJCA/5/