问题标签 [summary-tag]

我现在还早，但我也知道你们在这上面。

我想使用HTML5 详细信息元素：

在撰写本文时，Chrome 12 beta 是唯一真正提供详细信息元素功能的浏览器（单击摘要可切换详细信息内容）。因此，要回答以下问题，您可能需要使用该浏览器。

您知道如何隐藏 Chrome 中详细信息元素上默认显示的箭头吗？

它有点像<input type="search" />Webkit 中的默认样式（参见http://css-tricks.com/webkit-html5-search-inputs/）。你可以改变它，但它不是那么明显。

编辑

尝试了以下 CSS 代码但没有成功：

可能我们需要使用一些奇怪的伪选择器来定位它，details::-webkit-details-disclosure-widget或者目前根本没有办法改变它。

此外，我在规范中发现了这一点：

第一个容器应包含至少一个行框，并且该行框应包含一个显示小部件（通常是三角形），水平放置在 details 元素的左侧填充内。该小部件应允许用户请求显示或隐藏详细信息。

在我的项目中，我遇到了我们必须创建表（可扩展）的情况。
我已经使用 div 和 spans 实现了。
我的上级要求 ti 使用 td,tr 来实现它

我的实现是http://jsfiddle.net/agasthyanavaneeth/eLf5K/6/embedded/result/
请帮助我
谢谢:)

任何人都可以帮助我如何使用css在鼠标悬停时制作详细信息下拉列表

这是html代码

当鼠标悬停在它上面时，我需要一个 CSS 代码让它下拉，有人可以帮我吗？

我正在开发一个响应式网站，我在其中使用<details> <summary>元素在服务部分显示附加信息。

当窗口宽度 > 768px 时，如何更改详细信息“打开”属性？
可以只用css吗？

这是html代码：

我可以使用这样的javascript代码，但更喜欢css：

任何想法？谢谢

Spetec： http: //www.whatwg.org/specs/web-apps/current-work/multipage/interactive-elements.html#the-details-element

I have an element (summary in this case) and right below there is a box. When I click the details to see the content of the summary, the rest of the content is blocked by the box below, I can't see the rest of the summary because the box is on top of it.

How can I make my summary element to show all the content by covering anything on its path?

这是我的代码。

我想要做的是 - 如果任何单个<details>标签的详细信息已打开并且我打开/查看另一个<details>标签，那么较早的标签应该关闭/隐藏/最小化。

如何做到这一点？

我知道<details>IE 或 Edge 不支持该标签。

我将 HTML5 标记详细信息用于公司的常见问题解答部分。一个问题是，如果用户打开另一个问题，另一个问题不会自动关闭。因此我在网上搜索并找到了以下解决方案：

这段代码在某种意义上确实可以正常工作，但它有一些小问题。有时它会同时打开两个问题并且很有趣。有没有一种方法可以正常工作？这应该适用于台式机、平板电脑和移动设备。

不想要的效果：

我用所有代码创建了一个小提琴http://jsfiddle.net/877tm/ 。javascript 在那里工作，如果您想实时查看，请单击此处。

如何让 HTML5 的detailsandsummary标签在所有浏览器上工作？我可以让详细信息和摘要标签与谷歌浏览器一起使用，但我无法让它与任何其他浏览器一起使用。

我正在使用 Knockout.js 填充一组 HTML5<details>元素。这是结构：

ViewModel 中的数据如下所示：

我想添加记住详细信息视图的打开或关闭状态的功能。我之前使用jQueryand localStorage¹实现了这种行为，但是对于这个项目，我想本地使用 Knockout 而不是使用 jQuery。

我在 ViewModel 中的播放列表中添加了一个属性，该属性是在页面加载时isOpen检索的。localStorage但是，我似乎不能attr在 Knockout 中使用绑定，因为HTML5 规范说只查找属性的存在或不存在，open而不是值。

当 ViewModel 的属性发生变化时，如何让 Knockout 添加和删除元素的open属性？<details>isOpen

¹：像这样：

我正在使用 Knockout.js 填充一组 HTML5<details>元素。这是结构：

ViewModel 中的数据如下所示：

我添加了使用ViewModel的属性和绑定来记住详细视图的打开或关闭状态的功能（如最初在此处描述的那样）。isOpenattr

但是，当我单击<summary>展开详细信息时，ViewModel 不会更新 - 与value绑定不同，attr绑定不是双向的。

当属性值更改时，如何更新此绑定？

我知道DOMSubtreeModified当元素打开或关闭时浏览器会触发一个事件，但我不确定我会放什么 - 我尝试过的几件事（包括.notifySubscribers(),if (list.open()) ...等）会导致循环，其中正在更改的属性会使再次触发事件，再次更改属性，再次触发事件，等等。