css - Gatsby Js : Using Markdown and style checkboxes

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] { ... }

进行定位