Html 如何删除摘要元素一侧的箭头?
我在细节元素中有一个摘要:Html 如何删除摘要元素一侧的箭头?,html,css,Html,Css,我在细节元素中有一个摘要: <details> <summary>Hello</summary> </details> 从这个问题 但这些解决方案实际上都不适用于chrome 如何在chrome中删除此箭头? <!DOCTYPE html> <html> <head> <title>Page Title</title> <
<details>
<summary>Hello</summary>
</details>
从这个问题
但这些解决方案实际上都不适用于chrome
如何在chrome中删除此箭头?
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
summary {
display: block;
/* works in firefox */
list-style: none;
/* works in firefox */
}
summary::after {
display: block;
list-style: none;
}
summary::-webkit-details-marker {
display: none;
}
</style>
</head>
<body>
<details>
<summary>Hello</summary>
</details>
</body>
</html>
页面标题
总结{
显示:块;
/*在firefox中工作*/
列表样式:无;
/*在firefox中工作*/
}
小结::之后{
显示:块;
列表样式:无;
}
摘要::-webkit详细信息标记{
显示:无;
}
你好
详细信息摘要::-webkit详细信息标记{display:none;}
(从您问题中的链接复制)在Chrome v80中有效详细信息>摘要::-webkit详细信息标记{display:none;}
在Chrome 80中也适用。请参阅本页底部:从css中删除以下行:summary::marker,
,这似乎是一个错误答案。您似乎已从OP表示不起作用的问题中复制/粘贴了代码。没有任何关于你改变了什么或者为什么要改变的解释。@昆汀:不完全是这样,他们用了summary::after
而不是summary::marker
。并不是说仅仅发布代码而不进行解释就可以让这成为一个有用的答案。
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
summary {
display: block;
/* works in firefox */
list-style: none;
/* works in firefox */
}
summary::after {
display: block;
list-style: none;
}
summary::-webkit-details-marker {
display: none;
}
</style>
</head>
<body>
<details>
<summary>Hello</summary>
</details>
</body>
</html>
summary {
&::marker {
content: "";
}
}