html - 多个类/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>不会激活:activediv 上的 psudo 类。如果你把它class:"large button"放在跨度上，它应该可以工作。

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