Html 使用可折叠内容的输入复选框。我需要在p标签中嵌入一些链接，但我可以'；我没有选择它。有什么解决办法吗？

这是一个常见问题页面

我需要有链接，以便在“答案”部分点击，但它只作为一个切换功能，以显示和隐藏的内容

也许还有别的选择？我不想使用细节和摘要标记，因为它们与其他现代浏览器不兼容

文章{位置：相对；}
输入[类型=复选框]{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
不透明度：0；
}
物品标签{
光标：指针；
位置：相对位置；
显示：块；
颜色：#008349；
字体大小：25px；
}
物品标签：之前{
内容：“；
显示：内联块；
宽度：0；
身高：0；
左边框：7px纯黑；
边框顶部：7px实心透明；
边框底部：7px实心透明；
边际：0 20px 2px 0；
}
输入[类型=复选框]：选中~h3标签：之前{
左边框：7px实心透明；
边框顶部：7px纯黑；
右边框：7px实心透明；
}
p{
最大高度：0；
溢出：隐藏；
左侧填充：30px；
过渡：最大高度0.3s；
字体大小：15px；
线高：26px；
文本对齐：左对齐；
}
输入[类型=复选框]：选中~h3~p{
最大高度：500px；
}

这里

复选框涵盖了整篇文章，因为：

input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

如果你只是隐藏它：

input[type=checkbox] {
    display: none;
}

整件事都按计划进行

---

您不能删除

输入[type=checkbox]

上的高度吗？谢谢！这是我自己想出的解决办法。令人惊叹的！