javascript - 是否有任何道具可以更改 React 工具提示中的文本样式（即粗体到非粗体）？

Question

任何人都可以向我解释我们如何使粗体文本取消粗体react-tooltip。我用过 npm react-tooltip

注意：默认文本是粗体我想要普通文本。

Answer 1

您可以font-weight: normal使用 react-tooltip 使用的 data 属性应用上述内容。

a[data-tip] {
  font-weight: normal;
}

Answer 2

您可以通过ReactTooltip的 API 自定义文本样式

<ReactTooltip textColor={"lightblue"} backgroundColor={"white"} />

---

或者干脆使用!important

.Tooltip {
  color: red !important;
}

<ReactTooltip className="Tooltip" />

在其文档演示中建议：

.extraClass {
  font-size: 20px !important;
  pointer-events: auto !important;
}
.extraClass:hover {
  visibility: visible !important;
  opacity: 1 !important;
}