GatsbyJs：使用 Markdown 和样式复选框

Question

我正在使用 gatsby-docs-starter 并将我的所有文件都写在 markdown 中。

为我使用的一些复选框设置样式

- [x] || [ ] some text

有没有办法正确设置它们的样式？

我可以让它们消失，但我无法设置它们的样式，因为我可以为它们分配一些类。

它们总是呈现为

<input type="checkbox" checked disabled/>

我只想为此使用 Markdown 和 CSS。

谢谢

Answer 1

Markdown 本身没有办法为您的输入定义一个类，除非您想在 Markdown 文件中的 html 中编写它们。

要设置它们的样式，您可以编写一个依赖于它们的父包装器的规则。例如，将一个类添加到任何父级，然后通过.parentClass input { ... } 定位。或者，根据网站其他地方的复选框的性质，通过类型选择器input[type=checkbox] { ... }进行定位