gatsbyjs:使用Markdown和样式复选框

Question

我正在使用gatsby-docs-starter，然后在markdown中写下我的所有文件。

样式的一些复选框我使用

- [x] || [ ] some text

有没有一种方法可以正确设置它们？

我可以使它们消失，但我无法造型，因为我可以为它们分配一些类。

它们总是呈现为

<input type="checkbox" checked disabled/>

我只想为此使用Markdown和CSS。

谢谢

Answer 1

标记本身无法定义输入中的类，除非您想在Markdown文件中的HTML中写下它们。

为他们造型，您可以编写一个取决于父母包装器的规则。例如，将类添加到任何父母，然后通过.parentClass input { ... }添加目标。或者，根据网站其他位置的复选框的性质，通过类型的选择器input[type=checkbox] { ... }