1

代码:

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

如何删除 googleBrowser 中的“箭头”?

在 FFox 屏幕截图中“箭头”不存在。

杰斯科

在 Google 浏览器中存在。

网络套件

是否可以像在 FFox 中那样这样做?

4

2 回答 2

2

详细信息 > 摘要::-webkit-details-marker { 显示:无;}

...是您正在寻找的魔法咒语!

于 2020-01-15T09:47:44.313 回答
0

它是通过样式化无序列表标签来完成的。为此,我们可以将 content 属性与 :before 伪元素结合使用。它在下面的代码中演示:

ul{
		list-style: none;
}

ul li:before {
		content: "\2023 \0020";
}
<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 } 以删除默认列表样式。

于 2017-07-28T06:35:27.037 回答