Question

不确定我是在这里还是在WebMasters中问这个... 我有一个在Jive-N实例中使用的HTML块，在块中我有许多DIV，其内容在单击标题之前是隐藏的。非常像手风琴或可折叠。您可以在this codepen.

上查看该操作

它使用输入[type = checkbox]：选中CSS元素来切换内容的显示，并且在除Safari之外的每个浏览器上都正常工作...我刚刚意识到这一点以及它是如何实际的我们的一家公司运行Mac并使用Safari作为主要浏览器的大问题。

有没有人知道如何修复或改编，所以它适用于Safari以及已经在其中工作的其他设备（IE / Edge，FireFox，Chrome和Opera）。我尝试过使用

.ln-toggle-box + label ~ div {
  display: none;
  margin-bottom: 10px;
}

.ln-toggle-box:checked + label ~ div {
  display: block;
  margin-left:40px;
}

而不是

.ln-toggle-box + label + div {
  display: none;
  margin-bottom: 10px;
}

.ln-toggle-box:checked + label + div {
  display: block;
  margin-left:40px;
}

但它会让所有浏览器都突破。

我不反对使用完全不同的方法，但它必须是基于HTML + CSS并且不能使用JS或jquery作为Jive剥离出来。

由于

input [type = checkbox]：选中内容切换不在safari中工作

0 个答案: