HTML
标签在 IE/Edge 中不起作用

2024-06-23

我正在尝试添加用户可以显示和隐藏的附加可切换部分。

我的要求:

  • 支持主要浏览器(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(使用前将#替换为@)

HTML
标签在 IE/Edge 中不起作用 的相关文章

  • 使用图像映射生成器的一个好的替代方案是什么? [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 我有一张大图像 我想让图像的某些部分可单击 我还想指定可点击区域的形状 方形 圆形 自定义 在不依赖 Javascript 的情况下 如何
  • 以编程方式添加超链接到列表项

    我想以编程方式获得以下 HTML ul li a href a li ul 我可以添加 li to ul But a to li 不可能 My code BulletedList ul new BulletedList ListItem l
  • 用另一个文本替换所选内容

    我正在尝试用其他文本替换所选文本 考虑以下是文本行 世界你好 早上好 你好世界 早上好 如果我选择第二个morning文本 我想用晚上替换早上的文本 因此输出需要如下所示 世界你好 早上好 你好世界 晚安 我尝试了替换功能 但它正在替换第一
  • 如何缩短静态 HTML 网站的加载时间?

    我们正在开发一个网站 注意到 GIF 图像 100kb 200kb 加载速度非常慢 该网站是一个带有 CSS HTML 的静态网站 有谁能指出为什么图像加载缓慢 使用 JPG 会提高性能吗 以下是该图像的 HTML 代码 div img s
  • 使用 VB6 检测 Internet Explorer 版本

    我正在更新旧版应用程序 它具有一些功能可以检测已安装的 Internet Explorer 版本 仅用于显示和错误报告 而不是因为需要任何组件 用于IE版本检测的代码基本上是来自的代码VB net Dll 获取版本 详细的 Internet
  • asp.net aspx 的标记验证

    我使用 asp net 创建了一个网站 在互联网上启动网站之前 我想对我使用的网络表单进行验证测试 我已经知道如何通过 W3C 标记验证服务来验证 HTML 静态网站 是否可以通过上传文件在 Webforms aspx 上执行相同的验证方法
  • 获取外部脚本的源代码(代码)?

    是否可以获取外部脚本的内容作为字符串 相当于myInlineScript textContent 场景是我刚刚开始进入 WebGL 并且我发现所有教程都将着色器存储为内联
  • 在 ASP.NET Core 2 中的layout.cshtml 中使用和路由Less 文件

    我用过管理部分的模板 引导管理模板 https github com puikinsh Bootstrap Admin Template在我的项目中并安装它Bower我已经申请了ASP NET Core 2 当我运行该项目时 我收到一个错误
  • WeasyPrint HTML 到图像的转换:如何使图像大小适应内容?

    我需要将一些 HTML 转换为 Python 中的图像 我正在使用威易印刷 https weasyprint org 我希望图像大小能够适应内容 使用以下命令时 我得到的图像比内容大得多 A4 pip install weasyprint
  • 如何在 Perl CGI 程序中进行分页和排序?

    这是我从 SQLite 数据库检索数据的表 它有很多记录 所以在 添加 按钮附近我需要类似的东西 lt lt gt gt 每当我点击时 它就会执行分页功能 另外 除了表每个标头 例如 UserName UserId 之外 我还需要排序 按钮
  • 如何在CSS中水平对齐div

    我在一个容器内有三个子 div 我想水平对齐这些 div 我尝试使用CSSfloat财产 但圆圈正在变成椭圆形 标记代码 div class container info box clearfix div class circle div
  • Bootstrap 页脚不在底部

    我试图强制我的页脚位于网站底部 我不希望它在滚动时粘住 只是在向下滚动网页时出现在底部 目前 网页显示时页脚位于内容下方 我添加了这样的代码bottom 0 并发现它粘住了并且不适合我的网站 我还添加了这样的代码html body heig
  • 通过标记或JS强制下载

    假设我在 CDN 来自 Rackspace 的云文件 上有一个文件 以及一个包含该文件链接的静态 html 页面 有什么方法可以强制下载此文件 以防止它在浏览器中打开 例如 mp3 我们可以让我们的服务器读取该文件并将相应的标头设置为 he
  • html/js 中从右到左和/或从上到下的文本?

    如何在浏览器中为用户输入创建从右到左和从上到下的文本字段 有没有本地方法可以做到这一点 或者也许有解决方法 从上到下可能像日语或象形文字 对于 RTL 文本字段 您可以使用 HTMLdir属性 如 ime Vidas 已经提到的 或 wit
  • 如何在 dash/plotly 中使用 iframe? (Python/HTML)

    我正在创建一个仪表板 我想使用这个交互式地图 网站链接 https www ons gov uk peoplepopulationandcommunity healthandsocialcare causesofdeath articles
  • 滚动条宽度:细在 Firefox 中不起作用

    我刚刚在 Firefox 67 中实现了新的 css 滚动条颜色和滚动条宽度 滚动条宽度不起作用 无论我将其设置为自动 细化还是无 它都会显示相同的宽度 我想要它薄 但它不薄 我是这样实现的 root scrollbar color rgb
  • 在 Bootstrap 选择器上使用 jQuery 取消选择选项

    我对一些 UI 元素使用 Bootstrap SelectPicker 它允许用户选择多个选项并将其呈现在段落标签中的屏幕上 他们还应该能够删除选定的选项 这是我的代码 用于将选定的选项渲染到屏幕上 以便每个选项旁边都会显示一个 X 单击它
  • html 基目录和子目录

    在我的 html 中我有 但我的链接全部转到 mydomain com 没有 dev 子文件夹 为什么我的链接没有指向子文件夹 提前致谢 编辑 我的链接html是 div ul li a href index html Home a li
  • 将带有 rowspan 和 colspan 的 XHTML 表转换为 LaTeX

    我一直在寻找将 HTML 表格转换为 LaTeX 的合适解决方案 我发现以下问题与我的要求相似 XML 表到 LaTeX https stackoverflow com questions 27021926 xml table to lat
  • 多个引导模式的滚动问题

    我有一个带有大量信息的模态页面 因此您需要滚动 该模式包含指向第二个模式的链接 When I 打开模态 1 单击链接打开模式 2 模式 1 保持在后台 然后关闭模式 2 以便我回到模式 1 modal 1 失去滚动 仍然有一个滚动条 但它不

随机推荐