0
以下のプロパティを選択またはアクセスできません：&の前：Edgeの要素の後ろの要素がそこにありますか？Microsoft Edgeの擬似要素にアクセスできない
.arrow_box {
\t position: relative;
\t background: #d43959;
\t border: 4px solid #ac1f3c;
width: 300px;
height:200px;
margin-top:20px;
}
.arrow_box:after, .arrow_box:before {
\t bottom: 100%;
\t left: 50%;
\t border: solid transparent;
\t content: " ";
\t height: 0;
\t width: 0;
\t position: absolute;
\t pointer-events: none;
}
.arrow_box:after {
\t border-color: rgba(213, 55, 55, 0);
\t border-bottom-color: #d53737;
\t border-width: 20px;
\t margin-left: -20px;
}
.arrow_box:before {
\t border-color: rgba(245, 88, 99, 0);
\t border-bottom-color: #f55863;
\t border-width: 26px;
\t margin-left: -26px;
}<div class="arrow_box"></div>https://codepen.io/miqureshi/pen/KvRbLr
このコードは正常に動作しますが、Microsoftの端に私はこの擬似要素にアクセスすることはできません。
.arrow_box:after, .arrow_box:before
注意、それは 'でなければなりません:: before'、2つのコロン – LGSon
https://codepen.io/miqureshi/pen/KvRbLr メッセージボックスにより作成されているトップの矢印を持っていると：＆後：によって後CSS。このリンクをエッジで開くと、擬似要素は表示されません。 – miqureshi
@LGSon 以前のリンクを共有してみてください。 – miqureshi