Блог

Я создаю панель мониторинга с использованием dash и plotly, используя ссылку на внешнюю таблицу стилей, которая используется в каждом руководстве или документации для dash и plotly.

Теперь я хочу настроить только шрифт для всей панели управления (включая текст на рисунках) и «ничего больше». Я ссылаюсь на внешний источник css через:

 external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']
  

У меня нет опыта работы с CSS. Могу ли я просто перезаписать соответствующие переменные из ссылочного источника? Если это возможно, как мне это сделать? Нравится:

 font-family: "Garamond";
  

Код CSS опубликован на codepen, и я также пытался выполнить поиск там, но это не помогло.

Спасибо за вашу помощь!

Используйте универсальный селектор CSS * .

Создайте /assets/custom.css в каталоге вашего приложения или (что я делаю) создайте CodePen с вашим пользовательским CSS и включите его первым в список external_stylesheets в

 app = dash.Dash(
    __name__,
    external_stylesheets=external_stylesheets
)
  

В assets/custom.css или CodePen:

 *{
  font-family: Garamond;
}
  

Если вы хотите применить это ко всему, кроме определенных типов элементов / компонентов классов, например «все, кроме h2 и class myclass «

 *:not(h2):not(.myclass){
  font-family: Garamond;
}