详细信息和摘要：删除或隐藏 "arrow"

Question

代码：

<details>
        <summary>Що зробити:</summary>
<div class="txtinsummary">
текст text текст text текст text текст text 
текст text текст text текст text текст text 
</div>
</details>

如何删除 googleBrowser 中的 "arrow"？

FFox截图中"arrow"不存在。

gesko

在 Google 中存在浏览器。

webkit

是否可以像FFox那样做？

Answer 1

通过样式化无序列表标签完成。为此，我们可以将 content 属性与 :before 伪元素结合使用。如下代码所示：

ul{
  list-style: none;
}

ul li:before {
  content: "23 [=10=]20";
}

<html>
 <head>
  <link rel="stylesheet" type="text/css" href="style.css"/>
 </head>
 <body>
   <ul>
    <li style="text-decoration:underline">Topic</li>
   </ul>
  </body>
</html>

{ 内容："\2023\0020"; } /* 2023 是箭头子弹样式的十六进制代码 */ 但在此之前，我们必须声明 ul { list-style:none } 来移除默认列表样式。

Answer 2

详细信息 > 摘要::-webkit-详细信息-标记{ 显示：none； }

...是您要找的魔法咒语！

Answer 3

<!DOCTYPE html>
<html lang="ru">

<head>

    <style>

    summary{
    display: inline;
    {

    </style>

</head>

<body>

        <details>

        <summary>

        <div">menu1</div>

        </summary>

        <div>
        link or image or submenu
        </div>

        </details>

<br><br>
!!! I'm not sure that all browsers will correctly accept such code.

<br><br>
I did this on my site.

</body>
</html>

详细信息和摘要：删除或隐藏 "arrow"

details and summary: delete or hide "arrow"

html

css

webkit

details-tag

summary-tag