【浏览器】主流浏览器伪元素一览

不同浏览器对于伪元素的支持程度可能会有所差异。以下是各主流浏览器对一些常见伪元素的支持情况：

1. WebKit（Chrome、Safari、新版Edge）：

   • ::-webkit-scrollbar：用于自定义滚动条样式的伪元素。
   • ::-webkit-outer-spin-button：针对 input[type="number"] 元素中的增加数字按钮进行样式设置。
   • ::-webkit-inner-spin-button：针对 input[type="number"] 元素中的减少数字按钮进行样式设置。

2. Gecko（Firefox）：

   • ::-moz-placeholder：用于修改输入框或文本区域的占位符文本样式。
   • ::-moz-focus-inner：调整 button 元素或 input 元素上的内部间距，消除默认的焦点样式。

3. Trident（旧版IE）：

   • ::-ms-clear：用于修改输入框中的清除按钮的样式。
   • ::-ms-expand：用于修改下拉选择框的展开按钮的样式。

需要注意的是，随着各个浏览器版本的更新，对于伪元素的支持和使用情况也可能发生变化。如果您要使用伪元素，请务必进行兼容性测试，并针对不同浏览器版本进行适配。推荐使用 CSS 的特性检测或媒体查询等方法，以确保在不同浏览器中都能正常显示所需效果。