我现在还很早,但我也知道你们都是最重要的.
我想使用HTML5详细信息元素:
<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>
在撰写本文时,Chrome 12 beta是实际提供详细信息元素功能的唯一浏览器(点击摘要切换详细信息内容).因此,要回答以下问题,您可能希望使用该浏览器.
您是否知道如何隐藏Chrome中详细信息元素上默认显示的箭头？
它有点像<input type="search" />Webkit中的默认样式(请参阅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或者目前根本没有办法改变它.
此外,我在规范中发现了这一点:
第一个容器应该包含至少一个行框,并且该行框应该包含一个公开小部件(通常是一个三角形),水平放置在details元素的左边框内.该小部件应允许用户请求显示或隐藏详细信息.