问题标签 [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.
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 元素的左侧填充内。该小部件应允许用户请求显示或隐藏详细信息。
html - 手风琴的 HTML5 细节元素
details 元素在语义上是否适合标记手风琴?
例子:
我问这个问题是因为规范对它的用法不是很清楚。它只是说明 details 元素是一个披露小部件。我当然不想将元素用于它不应该的东西。
编辑
像这样的东西在语义上会更适合吗?
谢谢!
html - 当附加一个元素到带有 innerHTML 的 div div 也“向下”
这个问题很容易用这里的例子来描述。
代码如下:
HTML:
JS:
问题是,当我点击“World”时,会出现“Something”,但“Hello”也会关闭,如下所示:
我希望当你点击“世界”时,“你好”保持在原位。
有什么建议么?提前致谢!
html - 如何覆盖浏览器生成的三角形图标元素?
我想用 CSS 更改这个 HTML5 片段的图标:
有什么线索吗?
html - 如何将 jquery 过渡效果添加到 html5 详细信息标签
我希望将 HTML5<details>
用于我的常见问题页面,我只需要在开始时显示问题。并为此找到了适用于其他浏览器的 jquery 后备插件 (目前只有 chrome 支持)。
现在是否可以在 jQuery 的帮助下提供除默认切换常见问题解答以外的其他效果。
提前致谢。
html - 里面有图片吗标签在您“打开”详细信息之前或之后加载?
就像标题所说的那样,如果我将图像放在详细信息标签中,我会为用户节省带宽,所以直到他们打开它才会加载?
html - 再次 div 与表格
在我的项目中,我遇到了我们必须创建表(可扩展)的情况。
我已经使用 div 和 spans 实现了。
我的上级要求 ti 使用 td,tr 来实现它
我的实现是http://jsfiddle.net/agasthyanavaneeth/eLf5K/6/embedded/result/
请帮助我
谢谢:)
html - 如何使用 AngularJS 控制 HTML5 详细信息标签是否打开
HTML 详细信息标签是可折叠的内容块。您通过编写声明一个关闭(折叠)的详细信息标签
和一个通过写作打开(扩展)的
我们如何open
使用 Angular 从标签(在本例中特别是属性)中动态添加和删除属性?
html - 怎么做鼠标悬停时下拉
任何人都可以帮助我如何使用css在鼠标悬停时制作详细信息下拉列表
这是html代码
当鼠标悬停在它上面时,我需要一个 CSS 代码让它下拉,有人可以帮我吗?
html - 动画 HTML5 细节元素
是否可以在没有jQuery的情况下为 html5 详细信息元素设置动画?
我在网络上看到了一些 jQuery 后备,可以为 details 元素设置动画,但我不想使用 jQuery。
动画细节元素的 jQuery 示例:http: //afarkas.github.io/webshim/demos/demos/details.html