Webkit 伪元素文档

2024-02-17

我实际上完成了我想做的事情:当我想打印页面时隐藏一些 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(点击链接获取一些小信息),但由于它的文档记录很差而且也不标准,所以我根本不会采用它。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Webkit 伪元素文档 的相关文章