Question

div元素中的span元素。
div的背景颜色将通过单击div或span来更改。
这适用于IE11以外的所有浏览器。请找到相应的代码段，

＆＃13;

<!DOCTYPE html>
<html>

<head>
    <title>IE11 :active issue</title>
    <style>
        .parent {}
        
        .child {
            width: 100px;
            pointer-events: none;
            background-color: aqua;
        }
        
        .parent:active {
            background-color: red;
        }
        
        .child:active {
            background-color: red;
        }
    </style>
</head>

<body>
    <div class="parent">
        <span class="child">Click Me</span>
    </div>
</body>

</html>

＆＃13;

*请建议我解决此问题。

Answer 1

如果在子元素上使用display: inline-block，则可以强制IE11识别其上的pointer-events: none集。此外，您应该正在使用它：默认情况下，<span>是一个内联元素，您无法在它们上定义显式宽度（在本例中为100px）。

.parent {}

.child {
  display: inline-block;
  width: 100px;
  pointer-events: none;
  background-color: aqua;
}

.parent:active {
  background-color: red;
}

.child:active {
  background-color: red;
}

<div class="parent">
  <span class="child">Click Me</span>
</div>

IE 11：由子元素阻止的活动CSS选择器：未选择活动的CSS选择器兄弟

1 个答案: