问题标签 [details-tag]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
9 回答
55183 浏览

html - 如何隐藏 HTML5 默认显示的箭头
Chrome中的元素?

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

我想使用HTML5 详细信息元素

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

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

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

编辑

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

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

此外,我在规范中发现了这一点:

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

0 投票
3 回答
3984 浏览

html - 手风琴的 HTML5 细节元素

details 元素在语义上是否适合标记手风琴?

例子:

我问这个问题是因为规范对它的用法不是很清楚。它只是说明 details 元素是一个披露小部件。我当然不想将元素用于它不应该的东西。

编辑

像这样的东西在语义上会更适合吗?

谢谢!

0 投票
1 回答
565 浏览

html - 当附加一个
元素到带有 innerHTML 的 div div 也“向下”

这个问题很容易用这里的例子来描述。

代码如下:

HTML:

JS:

问题是,当我点击“World”时,会出现“Something”,但“Hello”也会关闭,如下所示:

在此处输入图像描述

我希望当你点击“世界”时,“你好”保持在原位。

有什么建议么?提前致谢!

0 投票
1 回答
400 浏览

html - 如何覆盖浏览器生成的三角形图标
元素?

我想用 CSS 更改这个 HTML5 片段的图标:

有什么线索吗?

0 投票
0 回答
378 浏览

html - 如何将 jquery 过渡效果添加到 html5 详细信息标签

我希望将 HTML5<details>用于我的常见问题页面,我只需要在开始时显示问题。并为此找到了适用于其他浏览器的 jquery 后备插件 (目前只有 chrome 支持)。

现在是否可以在 jQuery 的帮助下提供除默认切换常见问题解答以外的其他效果。

提前致谢。

0 投票
2 回答
91 浏览

html - 里面有图片吗
标签在您“打开”详细信息之前或之后加载?

就像标题所说的那样,如果我将图像放在详细信息标签中,我会为用户节省带宽,所以直到他们打开它才会加载?

0 投票
3 回答
159 浏览

html - 再次 div 与表格



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


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

0 投票
2 回答
1104 浏览

html - 如何使用 AngularJS 控制 HTML5 详细信息标签是否打开

HTML 详细信息标签是可折叠的内容块。您通过编写声明一个关闭(折叠)的详细信息标签

和一个通过写作打开(扩展)的

我们如何open使用 Angular 从标签(在本例中特别是属性)中动态添加和删除属性?

0 投票
5 回答
10554 浏览

html - 怎么做
鼠标悬停时下拉

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

这是html代码

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

0 投票
0 回答
455 浏览

html - 动画 HTML5 细节元素

是否可以在没有jQuery的情况下为 html5 详细信息元素设置动画?

我在网络上看到了一些 jQuery 后备,可以为 details 元素设置动画,但我不想使用 jQuery。

动画细节元素的 jQuery 示例:http: //afarkas.github.io/webshim/demos/demos/details.html