我现在还很早,但我也知道你们在这之上。
我想使用HTML5 details元素:
What's the HTML5 details element?
The details element represents a disclosure widget from which the user can obtain additional information or controls.
在撰写本文时,Chrome 12 beta是唯一实际提供details元素功能的浏览器(单击摘要可切换details内容)。 因此,要回答以下问题,您可能需要使用该浏览器。
您是否知道如何隐藏Chrome中默认元素上默认显示的箭头?
有点像Webkit中的默认样式details::-webkit-details-disclosure-widget(请参阅[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-widget952)来定位它,或者目前根本无法更改任何东西。
此外,我在规范中发现了这一点:
预计第一个容器 至少包含一个线框,以及 该行框应包含一个 披露小部件(通常是 三角形),水平放置 在细节的左侧填充内 元件。 该小部件有望 允许用户请求 显示或隐藏详细信息。