我现在还为时过早,但我也知道你们正在处理这件事。
<details>
<summary>What's the HTML5 details element?</summary>
<p>The details element represents a disclosure widget from which the user can obtain additional information or controls.</p>
</details>
在写这篇文章的时候,Chrome12beta版是唯一一个真正赋予details元素功能的浏览器(点击摘要切换细节内容)。因此,要回答以下问题,您可能需要使用该浏览器。
你知道如何隐藏默认情况下显示在细节元素上的箭头吗?
它有点像Webkit中<input type="search" />
的默认样式(请参阅http://css-tricks.com/webkit-html5-search-inputs/)。你可以改变它,但这并不是那么明显。
编辑
尝试了以下CSS代码,但没有成功:
details,
details summary {
padding-left:0;
background-image:none;
-webkit-appearance:none;
}
我们可能需要使用一些奇怪的伪选择器,比如details::-webkit-details-disclosure-widget
,或者目前根本没有办法改变它。
此外,我在the specification中发现了这一点
第一个容器预计将包含至少一个线框,而该线框将包含一个公开窗口小部件(通常为三角形),该窗口水平放置在details元素的左侧填充中。该小部件将允许用户请求显示或隐藏详细信息。
https://stackoverflow.com/questions/6195329
复制相似问题