Я использую библиотеку https://github.com/plotly/react-plotly.js в своем приложении React.
В настоящее время компонент Plot предоставляет конфигурации style и className для переопределения «стиля» div, содержащего график.
Однако, если я хочу изменить указатель мыши например, от pointer до crosshair или default, в настоящее время у меня нет возможности переопределить стилизацию сгенерированных d3 rect элементов, образующих сюжет.
Моя единственная работа, которую я могу найти переопределить этот класс в моем index.html файле:
.js-plotly-plot .plotly .cursor-pointer {
cursor: default !important;
}
или
div.plot-container.plotly rect.cursor-pointer {
cursor: default;
}
Есть ли еще варианты для стилизации? Я пропускаю CSS трюк?
Я знаю, !important - это запах кода, но я, честно говоря, не могу придумать другой способ переопределить указатель.