如何从 WidgetControl 中移除阴影？

Question

使用 ipyleaflet 文档中的以下代码，我得到了一个带有 2 个额外自定义小部件的漂亮显示。这些小部件有一个我想删除的小黑影。

from ipyleaflet import Map, basemaps, WidgetControl
from ipywidgets import IntSlider, ColorPicker, jslink

m = Map(center=(46.01, 6.16), zoom=12, basemap=basemaps.CartoDB.DarkMatter)
zoom_slider = IntSlider(description='Zoom level:', min=0, max=15, value=7)
jslink((zoom_slider, 'value'), (m, 'zoom'))
widget_control1 = WidgetControl(widget=zoom_slider, position='topright')
m.add_control(widget_control1)

color_picker = ColorPicker(description='Pick a color:')
widget_control2 = WidgetControl(widget=color_picker, position='bottomright')
m.add_control(widget_control2)
m

它没用，因为我使用的是 jupyterlab 的深色主题（它将阴影转换为可怕的白色阴影），如下所示：

我在 documentation 中没有找到任何参数，这可能吗？

Answer 1

在 ipyleaflet 代码中挖掘，似乎阴影是强制性的，因为它仅在此 css file. The different options are set in the js file 中设置，这意味着无法从 python 代码中删除阴影。

作为一个丑陋的修复，我在导入之前直接在顶部单元格上强加了一些 css ipyleaflet:

# ugly fix to remove shadow from map custom widgets
from IPython.display import display, HTML
display(HTML("<style>.leaflet-widgetcontrol {box-shadow: none}</style>"))

如何从 WidgetControl 中移除阴影？

how to remove shadow from a WidgetControl?

python

widget

leaflet

ipyleaflet