如何更改下拉框中箭头的颜色

Question

我正在尝试更改下拉框中箭头的颜色。那可能吗？我可以更改背景颜色，但不能更改箭头本身。

.app-Dropdown.ArrowColor .app-Dropdown-Arrow{
  ????: #29B6F6;
}

Answer 1

您可以自定义下拉列表的特定实例：

.app-YourPage-YourDropdown-Arrow:after {
  color: green;
  opacity: 1;
}

或者您可以创建变体并将其应用于您需要的所有下拉菜单：

.app-Dropdown--Custom .app-Dropdown-Arrow:after {
  color: green;
  opacity: 1;
}

注意：请记住，您需要为 :active、:focus 和 :disabled 状态添加额外的样式...

How to change the color of the arrow in the dropdown box