自定义 dash-daq 仪表的旋钮

Question

我正在尝试完全自定义 dash-daq gauge 外观。首先，我想通过在我的仪表中添加 class（no-needle）并在 CSS 中设置以下样式来移除针：

.no-needle line {
   stroke: none !important;
}

我通过 exploring through the browser inspector, and it worked, as you can see in the following screenshot

找到了这个 CSS 属性

然后我想去掉中央的“旋钮”，但是没找到办法。我很挣扎，因为旋钮不是像针一样的单个元素（它是行），如您所见 here。我试图浏览 dash-daq 文档，但没有找到任何选项来改变针的样式 and/or 中央旋钮。

有可能吗？

如有任何帮助，我们将不胜感激。谢谢你的时间。

（我使用的版本） dash==1.0.1 dash-daq==0.1.5

Answer 1

我通过创建以下 CSS 规则找到了*（肮脏的？）解决方案：

.no-needle use {
    display: none;
}

（我在这里指定 .no-needle 是因为我的页面上有很多仪表，我只想隐藏一个）。

*感谢

Customizing the dash-daq gauge's knob