如何设置md-select图标的样式？

Question

我使用angular-material，特别是<md-select/>组件 我想设计它的图标：

我们曾经使用类.md-select-icon来覆盖它的css，但它似乎是错误的方法，并且最近类已被更改以反映它们用于＆＃34;私有＆＃34;使用（.md-select-icon重命名为._md-select-icon）

问题是 - 如何以正确的方式自定覆盖.md-select图标？

谢谢！

Answer 1

.md-select-value .md-select-icon {
    background: #fff url("image/common/selector/normal.png") no-repeat 90% 50%;
    color: white;
    text-align: left;
    margin: 0 0 0 0;
  }

Answer 2

如果有人在寻找基于字体的解决方案，请使用以下CSS。

.md-select-value .md-select-icon:after {
    font-family: Material Icons;
    font-size: 24px;
    content: 'keyboard_arrow_down';
    display: inline;
    top: 5px;
    transform: scale(1);
    font-feature-settings: 'liga'; /* Support for IE. From material-icons.css. */
}