html - Microsoft.com 上的下拉箭头

Question

Microsoft 如何在其页面上制作下拉箭头？我检查了 CSS 和 HTML，但看不出它是如何完成的。

Answer 1

这是一个特殊的字体字符。在 Chrome Dev Tools 等工具中查看 style.cssx

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