如何在背景图像中从Angular Material添加图标?

时间:2019-03-05 08:53:35

标签: css angular angular-material icons

如何从bacground-image中的Angular Material中添加arrow_forward图标(在:after中)?此图标不需要下载。我不知道如何在CSS中获取它。

.item {
  position: relative;
  min-height: 100px;
  border: 1px solid #adb8c1;

  &:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -25px;
    display: block;
    width: 10px;
    height: 10px;
    background: blue;
  }
}
<md-list class="list">
  <div class="item"></div>
</md-list>

1 个答案:

答案 0 :(得分:0)

我认为这会有所帮助

&:after {
font-family: "Material Icons"; 
content: "\E876";
position: absolute;
top: 50%;
right: -25px;
display: block;
width: 10px;
height: 10px;
background: blue;

}