[Navegador] Lista de pseudoelementos em navegadores convencionais

Navegadores diferentes podem ter suporte diferente para pseudoelementos. A seguir está o suporte de alguns pseudoelementos comuns pelos principais navegadores:

1. WebKit (Chrome, Safari, nova versão do Edge):

   • ::-webkit-scrollbar: Pseudoelemento usado para personalizar o estilo da barra de rolagem.
   • ::-webkit-outer-spin-button: input[type="number"]defina o estilo do botão adicionar número no elemento.
   • ::-webkit-inner-spin-button: input[type="number"]defina estilos para o botão de redução de número no elemento.

2. Geco（Firefox）：

   • ::-moz-placeholder: usado para modificar o estilo de texto do espaço reservado da caixa de entrada ou área de texto.
   • ::-moz-focus-inner: ajuste o espaçamento interno buttonno elemento ou inputelemento, eliminando o estilo de foco padrão.

3. Trident (versão antiga do IE):

   • ::-ms-clear: Usado para modificar o estilo do botão Limpar na caixa de entrada.
   • ::-ms-expand: Usado para modificar o estilo do botão de expansão da caixa de seleção suspensa.

Deve-se observar que à medida que cada versão do navegador é atualizada, o suporte e o uso de pseudoelementos também podem mudar. Se você usar pseudoelementos, teste a compatibilidade e adapte-os às diferentes versões do navegador. Recomenda-se usar métodos como detecção de recursos CSS ou consultas de mídia para garantir que os efeitos desejados possam ser exibidos corretamente em diferentes navegadores.