Microsoft.com上的下拉箭头

Question

Microsoft如何在其页面上执行下拉箭头？我已经检查了CSS和HTML，但我没看到它是如何完成的。

Answer 1

这是一个特殊的字体字符。请参阅Chrome开发工具

等工具中的style.cssx

@media screen and (min-width: 540px)
.dropdown>a:after {
margin-left: .35em;
font-family: "MSHPIconsRegular";
content: '';
font-size: .688em;
}

Answer 2

当我用Firebug检查时，我看到了：

.dropdown > a:after {
    content: "";
    font-family: "MSHPIconsRegular";
    font-size: 0.688em;
    margin-left: 0.35em;
}

因此，正如您所看到的，M $正在使用:after和content:添加伪内容。