我正在尝试添加用户可以显示和隐藏的附加可切换部分。
我的要求:
- 支持主要浏览器(Mac 上的 Opera、Chrome、Edge、IE11、Firefox、Safari)
- 没有 JavaScript
并正在考虑使用<details>
标签,但是代码
<details>
<summary>Toggle</summary>
<p>Hideable</p>
</details>
不适用于 Edge/IE 浏览器。
我可以无论如何“让它工作”吗?或者我可以用其他东西来完成这项任务吗?只要不存在 javascript,黑客攻击就可以了。
你可以加填充物 https://github.com/rstacruz/details-polyfill一次在页面上使所有<details/>
页面上的工作:
<!-- Inside the body -->
<script src="//cdn.jsdelivr.net/npm/details-polyfill@1/index.min.js" async></script>
我知道这是一个 JS 解决方案,但它不需要为每个人编写任何 JS<details/>
。它可以与用所见即所得编辑器编写的文本一起使用。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)