我现在还为时尚早,但我也知道你们正在处理这件事.
<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>
在 compose 本文时,Chrome12beta是唯一一个真正赋予Details元素功能的浏览器(点击摘要可切换细节内容).因此,要回答以下问题,您可能需要使用该浏览器.
Do you know how you can hide the arrow that is displayed by default on a details element in Chrome?
这有点像Webkit中<input type="search" />
的默认样式(参见http://css-tricks.com/webkit-html5-search-inputs/).你可以改变它,但这不是那么明显.
EDIT
try 了以下CSS代码,但没有成功:
details,
details summary {
padding-left:0;
background-image:none;
-webkit-appearance:none;
}
我们可能需要用一些奇怪的伪 Select 器(比如details::-webkit-details-disclosure-widget
)来定位它,或者目前根本没有办法改变它.
此外,我在the specification中发现了这一点:
第一个集装箱预计将 包含至少一个行框,并且 该行框预计将包含一个 披露小部件(通常是 三角形),水平定位 在详细信息的左侧填充中 元素.该小部件预计将 允许用户请求 可以显示或隐藏详细信息.