这篇博客讨论了一个在Microsoft Edge浏览器中遇到的问题，即无法访问和选择CSS伪元素`.arrow_box:after`和`.arrow_box:before`。文章提供了示例代码，并指出这个问题在Codepen上工作正常，但不适用于Edge。作者可能探讨了潜在的兼容性问题和解决方案，帮助读者解决类似问题。
无法选择或访问以下属性：before& ：在Edge`s检查元素之后的元素是否有任何我们可以做的事情？
.arrow_box {
position: relative;
background: #d43959;
border: 4px solid #ac1f3c;
width: 300px;
height:200px;
margin-top:20px;
}
.arrow_box:after,.arrow_box:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.arrow_box:after {
border-color: rgba(213,55,0);
border-bottom-color: #d53737;
border-width: 20px;
margin-left: -20px;
}
.arrow_box:before {
border-color: rgba(245,88,99,0);
border-bottom-color: #f55863;
border-width: 26px;
margin-left: -26px;
}
Codepen link
这个片段工作正常,但在Microsoft边缘我无法访问此伪元素：
.arrow_box:after,.arrow_box:before
扫一扫
623
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
