GatsbyJs:使用Markdown和样式复选框

时间:2018-02-14 14:32:11

标签: css markdown gatsby

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

要设置一些复选框,我使用

- [x] || [ ] some text

有没有办法正确设计它们?

我可以让它们消失,但我不能给它们打造样式,因为我可以为它们分配一些课程。

他们总是呈现为

<input type="checkbox" checked disabled/>

我想只使用Markdown和CSS。

感谢

1 个答案:

答案 0 :(得分:0)

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

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

进行定位