Как оформить иконку md-select?

Question

Как оформить иконку md-select?

0

Я использую angular-material и, в частности, его компонент <md-select/>.
Я хотел бы стилизовать его значок:

Мы использовали, чтобы переопределить его css, используя .md-select-icon класса, но, похоже, это был неправильный подход, и в последнее время классы были изменены, чтобы отразить, что они предназначены для "частного" использования (.md-select-icon переименован в ._md-select-icon)

Вопрос: как я могу сделать пользовательское переопределение значка .md-select, правильный путь?

Благодарю!

Ben 05 июнь 2016, в 13:52

Источник

Теги:

angularjs

css

angular-material

material-design

2 ответа

0

Если кто-то ищет решение на основе шрифтов, используйте следующий 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. */
}

zendu 27 июнь 2017, в 23:04

Ещё вопросы

Jesus · Accepted Answer · 2016-08-25T05-04-00.000Z

.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;
  }