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

Question

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

我们曾经使用 class .md-select-icon 覆盖它的 css 但它似乎是错误的方法，最近 classes 已被更改以反映它们供 "private" 使用（.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. */
}

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

How to style md-select icon?

css

angularjs

material-design

angular-material