如何更改下拉框

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状态...