如何隐藏/禁用 safari 的 ::marker 伪元素

Question

我有一个问题。我无法隐藏 :: Safari 标记。

#categories-4.widget_categories::marker { content: '' !important; }

它适用于 Chrome 或 Microsoft Edge 等。感谢您的帮助。

Answer 1

对于 MacOS Ventura 上的 Chrome 和 Safari，我必须同时使用

list-style-type: none

和

padding: 0

。

ul {
  list-style-type: none;
  padding: 0;
}

Answer 2

试试这个：

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

Answer 3

摘要和 ul：

ul,
summary {
    list-style-type: none;
}
summary::marker {
    color:#fff;
    z-index:-5;
} 

https://www.w3schools.com/cssref/tryit.php?filename=trycss_list-style-type_ex

---

Answer 4

使用这个CSS，它应该可以工作。

#categories-4.widget_categories
{
  list-style: none;
}

Answer 5

  summary {

    text-indent: -1em;
    padding-left: 1em; /* adjust accordingly to your layout */
  }

  /* Chrome etc */
  summary::marker {
    
    color: transparent;
  }

  /* Safari */
  summary::-webkit-details-marker {

    color: transparent;
  }