Microsoft.com上的下拉箭头

Question

Microsoft如何在其页面上执行下拉箭头？我检查了CSS和HTML，我不知道它是如何完成的。

Answer 1

这是一个特殊的字体。见style.cssx像Chrome浏览器开发工具的工具

@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:。