html - Webkit 伪元素文档

Question

我实际上完成了我想做的事情:当我想打印它时从页面中隐藏一些 webkit 伪元素，代码如下所示。

问题是我没有从我的研究中学到任何东西来做那个，我找不到任何关于它的文档，我看到的关于这个主题的每个答案都只显示代码，没有任何进一步的解释。

::-webkit-resizer,
::-webkit-calendar-picker-indicator {
    display: none; 
    -webkit-appearance: none;
}

一些来源:

• https://developer.mozilla.org/en-US/docs/Web/CSS/WebKit_Extensions

  • 这个显示了一些扩展，但是 callendar 没有在这里列出，我在别处找不到。

• https://gist.github.com/afabbro/3759334

  • 这个 gist 有很多伪元素、类或属性，但是做它的人没有解释他是如何完成的，那些确实显示在我的开发工具上。

• Use pseudo classes for selecting webkit pseudo elements

  • 这个人谈到了 shadow-dom，我以前没听说过，但根据我的研究，我不明白它对我有什么帮助。

一些类似的答案:6195329、11418289、17340038、15530850、53483852

还访问了维基百科文章和此站点:https://webkit.org/

我真的很想了解这个 webkit 事物背后的概念，如果有任何帮助，我们将不胜感激。

更具体地说:如果将来任何时候我想覆盖一个组件，我怎么知道在给定浏览器的组件上应用了什么伪元素？

Answer 1

了解您可以使用哪些伪元素的最佳方法是阅读规范(如 W3C standards )和可靠的文档和资源(如 MDN )。如果你在那里找不到特定的伪元素(或者如果它只用 vendor prefix 引用)，你应该避免使用它。

似乎 ::-webkit-calendar-picker-indicator 被 Blink 支持和 WebKit (点击链接获取少量信息)，但由于它的文档很少而且也不符合标准，所以我根本不会采用它。