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

【问题标题】：How to style md-select icon?如何设置 md-select 图标的样式？
【发布时间】：2016-10-05 02:36:06
【问题描述】：

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

我们曾经使用类 .md-select-icon 覆盖它的 css，但它似乎是错误的方法，最近这些类已更改以反映它们是“私人”使用的（.md-select-icon 重命名为 ._md-select-icon）

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

谢谢！

【问题讨论】：

标签： css angularjs material-design angular-material

【解决方案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;
  }

【讨论】：

【解决方案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. */
}

【讨论】：