De hecho, logré lo que quería hacer: ocultar algunos pseudoelementos de webkit de la página cuando quiero imprimirla, el código se ve a continuación.

El problema es que no aprendí nada de mi investigación para hacer eso y no pude encontrar ninguna documentación al respecto, y cada respuesta que vi sobre este tema solo muestra el código, sin más explicaciones.

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

Algunas fuentes:

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

  • Esta muestra algunas extensiones, pero la de callendar no aparece aquí y no pude encontrarla en ningún otro lado.

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

  • Esta esencia tiene muchos de esos pseudoelementos, clases o propiedades, pero el tipo que lo hizo no explicó cómo lo logró, y eso no se muestra en mis herramientas de desarrollo.

• Usar pseudoclases para seleccionar pseudoelementos de webkit

  • Este tipo habla sobre el shadow-dom, no había oído hablar de él antes, pero en mi investigación no pude entender cómo me ayudaría.

Algunas respuestas similares: 6195329, 11418289, 17340038, 15530850, 53483852

También visité el artículo de wikipedia y este sitio: https://webkit.org/

Realmente quiero entender el concepto detrás de este webkit y agradecería cualquier ayuda.

Para ser más específicos: si en algún momento en el futuro quiero anular un componente, ¿cómo puedo saber qué pseudoelemento se ha aplicado en un compnonet dado el navegador?