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