dash_daq BooleanSwitch 因来自 Dash Bootstrap 组件的边框而失败
dash_daq BooleanSwitch fails with border-box from Dash Bootstrap Components
我想为我的 Dash-Web-App 使用布尔开关。
dash_daq BooleanSwitch 看起来相当不错，但破折号 bootstrap 组件有问题，因为 bootstrap 使用边框大小：边框框：
带边框的布尔开关：https://i.stack.imgur.com/lgh1T.png
没有边框的布尔开关：https://i.stack.imgur.com/ngDgz.png
是否有解决方法可以同时使用 dash_daq 和 Dash Bootstrap 组件？
或者是否有其他与 Dash Bootstrap 组件兼容的布尔开关？
我可以通过为 BooleanSwitch 定义 CSS class 然后设置其所有子项以取消设置框大小来解决此问题。
在app.py中：
daq.BooleanSwitch(id = 'switch1', on=False, className = 'custom-switch')
在您的样式表中：
.custom-switch *{
box-sizing: unset!important;
}
我想为我的 Dash-Web-App 使用布尔开关。
dash_daq BooleanSwitch 看起来相当不错，但破折号 bootstrap 组件有问题，因为 bootstrap 使用边框大小：边框框：
带边框的布尔开关：https://i.stack.imgur.com/lgh1T.png
没有边框的布尔开关：https://i.stack.imgur.com/ngDgz.png
是否有解决方法可以同时使用 dash_daq 和 Dash Bootstrap 组件？ 或者是否有其他与 Dash Bootstrap 组件兼容的布尔开关？
我可以通过为 BooleanSwitch 定义 CSS class 然后设置其所有子项以取消设置框大小来解决此问题。
在app.py中：
daq.BooleanSwitch(id = 'switch1', on=False, className = 'custom-switch')
在您的样式表中：
.custom-switch *{
box-sizing: unset!important;
}