详情和摘要:删除或隐藏" arrow"

时间:2017-07-27 09:34:34

标签: html5 css3 webkit summary details

代码:

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

如何删除&#34;箭头&#34;在googleBrowser中?

在FFox屏幕截图&#34;箭头&#34;不存在。

gesko

在谷歌浏览器中出现。

webkit

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

2 个答案:

答案 0 :(得分:1)

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

...是您要寻找的魔法!

答案 1 :(得分: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>

{content:“\ 2023 \ 0020”; } / * 2023是箭头子弹样式的十六进制代码* / 但之前,我们必须声明ul {list-style:none}以删除默认列表样式。