md-选择箭头颜色变化

Question

我可以以某种方式更改来自vue.js的md-select的箭头颜色。

<md-input-container class="wid blueColor">
    <label>Aggregate</label>
    <md-select v-model="aggregate" class="blueColor">
      <md-option value="QUARTER_HOUR">15 min</md-option>
      <md-option value="HALF_HOUR">30 min</md-option>
      <md-option value="HOUR">1 hour</md-option>
      <md-option value="DAY">1 day</md-option>
    </md-select>
</md-input-container>

https://codepen.io/zupa10/pen/JWGKWK

Answer 1

添加此css

.md-select::after {
    color: red !important;
}

Answer 2

正在通过::after属性添加下拉列表的插入符号。您可以使用以下方法在CSS中更改其值：

.md-select:after {
  /* CSS Properties Here */
}

如this CodePen所示，您可能需要增加CSS选择器的优先级。在类似的说明中 - 您应该可以使用Google Chrome的Inspector查看相关元素：