更改 Dash 下拉列表中可清除 'x' 的位置

Question

我是 Dash 的新手，在使用多值下拉菜单时我需要更改小 'x' 的位置（例如，将其移至顶部）。默认定位似乎在中间，我假设，但是当我有很多值作为输入时，寻找它是没有用的。提前致谢。

Answer 1

我假设您指的是 'x'，它清除了下拉列表的整个选择。

您可以使用 css:

选择器 .Select-clear-zone 定位此元素

.Select-clear-zone {
  vertical-align: top;
}

.Select-clear-zone 的默认 vertical-align 值为 middle。

如果你想在顶部对齐它，你可能也想在顶部对齐插入符号：

.Select-clear-zone, .Select-arrow-zone {
  vertical-align: top;
}

结果：

如果您实际上指的是每个下拉项目中的 'x'，您可以定位 .Select-value-icon

---

要在 Dash 应用程序中包含样式，请参阅文档 here。