html - 使用 Firefox 处理详细信息标签和复选框单击事件

Question

如何防止与 details 元素处于相同高度（dom 级别）的 Checkbox 或 button 元素触发事件以展开或折叠 details 元素？

<details>
<summary>
   Click on checkbox <input type='checkbox'/> 
   or buttons
   <button type="button">PDF</button>
   <button type="button">Picture</button>
   <button type="button">Foo</button> </summary>
<p>This shouldn't be visible :( </p>
</details>

标签： htmlcssfirefox