html 节点默认隐藏,CSS-如何隐藏Chrome中HTML5 <details>元素上默认显示的箭头?

我现在还很早,但我也知道你们在这之上。

我想使用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)来定位它,或者目前根本无法更改任何东西。

此外,我在规范中发现了这一点:

预计第一个容器 至少包含一个线框,以及 该行框应包含一个 披露小部件(通常是 三角形),水平放置 在细节的左侧填充内 元件。 该小部件有望 允许用户请求 显示或隐藏详细信息。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值