我现在还为时尚早,但我也知道你们正在处理这件事.

我想用HTML5 details element:

<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中发现了这一点:

第一个集装箱预计将 包含至少一个行框,并且 该行框预计将包含一个 披露小部件(通常是 三角形),水平定位 在详细信息的左侧填充中 元素.该小部件预计将 允许用户请求 可以显示或隐藏详细信息.

推荐答案

我不打算回答我自己的问题,但我有解决办法.

代码

details summary::-webkit-details-marker {
  display:none;
}

请注意,如果您不提供规范允许的摘要元素,则仍然会显示披露小部件.

Css相关问答推荐

转换间隙值时基于百分比的弹性元素&跳转

设置项目的最大宽度和最大高度

关闭Superset中的Deck.gl工具提示

Astro网站在使用Astro Build构建后无法正常工作

根据现有值计算CSS变量的新值

CSS 网格 - 具有独立可滚动区域的两列布局

SCSS - Lighten/Darken 不编译?

如何更改导航栏标题中链接的文本 colored颜色 和导航丸中的链接(在shiny 的应用程序中)?

我想在视频上使用混合混合模式的 svg

Tailwind CSS 隐藏和可见

Flex & space-around 与内容相交

Material UI Modal 因背景而变暗

网格在行方向上的大小不正确

使用 display:inline-block 渲染多行文本组件,行间有白色间隙

当我在几个月之间更改时,有什么方法可以在react-dates-range上添加淡入淡出或幻灯片效果?

用 svelte 设计 body 元素

调整屏幕大小时无法让我的视频背景保持不变

如何通过单击
  • 激活 HTML 链接?
  • 继承了哪些 CSS 属性?

    如何水平对齐 span 或 div?