Webkit 伪元素文档

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

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

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

一些来源：

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

  • 这个显示了一些扩展，但是这里没有列出 callendar 扩展，我无法在其他地方找到。

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

  • 这个要点有很多伪元素、类或属性，但是做这件事的人没有解释他是如何完成的，而这些都显示在我的开发工具上。

• 使用伪类来选择 webkit 伪元素 https://stackoverflow.com/questions/43846163/use-pseudo-classes-for-selecting-webkit-pseudo-elements

  • 这家伙谈论的是影子王国，我以前没有听说过，但根据我的研究，我不明白它对我有什么帮助。

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

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

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

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

了解可以使用哪些伪元素的最佳方法是阅读规范（例如W3C 标准 https://www.w3.org/TR/css-pseudo-4/）以及可靠的文档和资源（例如MDN https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements）。如果您在那里找不到特定的伪元素（或者仅用供应商前缀 https://developer.mozilla.org/en-US/docs/Glossary/Vendor_Prefix），你应该避免使用它。

它似乎::-webkit-calendar-picker-indicator支持者 and WebKit https://trac.webkit.org/wiki/Styling%20Form%20Controls（点击链接获取一些小信息），但由于它的文档记录很差而且也不标准，所以我根本不会采用它。